[Bug?]:Error: Hydration Mismatch in SSR mode

[g-mero]

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Current behavior 😯

The appstate is persisted in localStorage. I wrap it in createRoot, and check its value when mount. If the initial value of appstate differs from the value stored in localStorage, it causes an error.

Test ok in SPA mode.

function NavItemWithChildren(props: NavItemType) {
  const [appstate] = useAppState()

  return (
    <Show when={appstate.isNavOpen} fallback={<FloatingMode />}>
      <CollapseMode />
    </Show>
  )
}

Expected behavior 🤔

No response

Steps to reproduce 🕹

Steps:

Context 🔦

No response

Your environment 🌎

No response

[g-mero]

the error is expected when using storage, using onMount or initialize it in entry-client.tsx after mount.