useContext(someContext) returns undefined if the component is inside fallback prop for <Show ... />

./layout.jsx
import { Show } from "solid-js";
import { useStore } from "../ctx/store/store";
import Footer from "./footer/footer";
import Header from "./header/header";
import s from "./layout.module.scss";
import Notifications from "./notifications";
import LoginScreen from "./login/loginscreen";

export default function Layout(props) {
  const { store } = useStore();

  return (
    <>
      <LoginScreen />
      <Show when={store.user}>
        <div class={s.container}>
          <Header />
          {props.children}
          <Footer />
        </div>
      </Show>
      <Notifications />
    </>
  );
}

  return (
    <>
      <Show when={store.user} fallback={LoginScreen}>
        <div class={s.container}>
          <Header />
          {props.children}
          <Footer />
        </div>
      </Show>
      <Notifications />
    </>
  );

function App() {
  return (
    <NotificationProvider>
      <MyRouter />
    </NotificationProvider>
  );
}

render(() => <App />, document.getElementById("app"));