SolidStart - SSR global signal

[PawelJastrzebski]

Hello everyone👋, I have been using solid.js for a while and I realy like it 💙.

I have a question regarding global signals, witch in my case causing inconsistency between SSR and SPA mode.

Context:

Counter.tsx - used on 2 pages. Signal defined globally to share state across pages.

const [count, setCount] = createSignal(0);

export default function Counter() {
  setCount(c => c + 1)
  return (
    <button class="increment" onClick={() => setCount(count() + 1)} type="button">
      Clicks: {count()}
    </button>
  );
}

SPA (ssr: false)

• works as expected, on page load my counter displayed value is 1 and after click is 2.

SSR (ssr: true)

• on fresh server is working as in SPA mode, but after page reload SSR counter would be 2 and after click 2. This happens because global signals are evaluated only on server initialization and not on every request, so there is one signal always present on server side in global scope and other created in the browser.

Question:
Is there a way to create new backed context per every request or other way to use global signals in SSR mode?

Full example: https://github.com/PawelJastrzebski/solidStart_global_signal