useSessionStorage correct way to default for page journey

[Yin117]

Hello,

I have/had a very simple setup that on page 1 of a sequential journey I had:

const [domain, setDomain] = useSessionStorage<string>('domain', process.env.DEV_ONLY_DOMAIN ?? '');

However when page 1 loads, the value from process.env.DEV_ONLY_DOMAIN doesn't get put into session storage, even though the value does from through into the domain variable.

I think for some reason, this line is not running correctly in the hook's code:

  react.useEffect(() => {
    setStoredValue(readValue());
  }, [key]);

In that when I pass a default value, it does not go into Session Storage.

This has led me to use a useEffect approach to initialize the values into session storage:

  // Initialize Session Storage
  useEffect(() => {
    if (!domain && process.env.DEV_ONLY_DOMAIN) {
      setDomain(process.env.DEV_ONLY_DOMAIN);
    }
  }, []);

Thoughts and advice welcome.