[0.5.0-beta.1] __webpack_require__.$Refresh$.signature is not a function

Version: @pmmmwh/react-refresh-webpack-plugin:0.5.0-beta.1 react-refresh:0.9.0 webpack: 5.21.2 react: 17.0.1

Issue does not occur with @pmmmwh/react-refresh-webpack-plugin:0.5.0-beta.0

Issue: When using a render prop with a useEffect in the render prop __webpack_require__.$Refresh$.signature is not a function is thrown.

Reproduction:

function FunctionRenderer({children}) {
  return children();
}

function TestComponent() {
  return (
    <FunctionRenderer>
      {() => {
        useEffect(() => {}, []);

        return <span>Hello</span>;
      }}
    </FunctionRenderer>
  );
}

Other Info: If the render prop is declared externally, this issue does not occur

const externalRenderProp = () => {
  useEffect(() => {}, []);

  return <span>Hello</span>;
};

function FunctionRenderer({children}) {
  return children();
}

function TestComponent() {
  return (
    <FunctionRenderer>
      {externalRenderProp}
    </FunctionRenderer>
  );
}

If the render prop does not contain a useEffect, this issue does not occur

function FunctionRenderer({children}) {
  return children();
}

function TestComponent() {
  return (
    <FunctionRenderer>
      {() => {
-        useEffect(() => {}, []);

        return <span>Hello</span>;
      }}
    </FunctionRenderer>
  );
}

If the useEffect is not in the render prop this issue does not occur

function FunctionRenderer({children}) {
  return children();
}

function TestComponent() {
+
+  useEffect(() => {}, []);
+
  return (
    <FunctionRenderer>
      {() => {
-        useEffect(() => {}, []);

        return <span>Hello</span>;
      }}
    </FunctionRenderer>
  );
}

[phaistonian]

@pmmmwh Thak you. ETA for a release with this fix?

[pmmmwh]

0.5.0-beta.4 have been released.