Infinite re-rendering when using webpack-hot-middleware

[plesiecki]

Hello, I'd like to report an issue with HMR when using webpack-hot-middleware.

Repro

Here's the repro — https://github.com/plesiecki/preact-hmr-middlewares-repro.

Infinite re-rendering happens when I edit imported but unused component, like Test in the example below.

Example

import { h } from 'preact';

import { Test } from './Test';

export function App() {
  const boom = <Test/>;

  console.log('render App');
  return (
    <div>
      <h1>App function</h1>
    </div>
  );
}

Additional info

• same case works with webpack-dev-server
• it works with react + webpack-hot-middleware setup

[JoviDeCroock]

We might need to do something similar to pmmmwh/react-refresh-webpack-plugin#23 to make this work as the socket integration seems different