wip: attempt at preact hydration support

[jacob-ebey]

No description provided.

[chaance]

Looks like this isn't used

[jacob-ebey]

Yeah, this is just a POC as I'm not a fan of the global variable here on window. I just wanted to prove that we can remove script tags after hydration for subsequent re-renders. This works as we load the context in the client entry component and that one never re-mounts as our error boundary logic is lower in the tree from there around each individual route.

[developit]

There's only ever one copy of components.tsx running on a page, so it should be possible to use a module variable here:

let isHydrated = false;

function Scripts() {
  React.useEffect(() => {
    isHydrated = true;
  }, []);

  React.useMemo(() => {
    // <snip>

    return (
      <>
        {dedupe(preloads).map(path => (
          <link
            key={path}
            rel="modulepreload"
            href={path}
            crossOrigin={props.crossOrigin}
          />
        ))}
        {initialScripts}
        {isHydrated ? null : initialScripts}
      </>
    );
  }, []);
}

[ryanflorence]

superseded by #422