State in local storage not restored after page reload with SSR

I’m using Next.js with SSR.

After saving my form data in local storage and refreshing the page, my form renders with the default values and not the values saved in local storage, although I have the option ssr enabled.

Here’s the relevant part of my code:

export default function createClient() {
  const [
    formInitialValues,
    setFormInitialValues,
    { isPersistent, removeItem },
  ] = useLocalStorageState("awaji", {
    ssr: true,
    defaultValue: {
      lastName: "",
      firstName: "",
      gender: "male",
      dateOfBirth: "",
      initialCredit: 10000,
    },
  });

  const onSubmit = useCallback((values, actions) => {
    console.log(values);
    setFormInitialValues(values);
  }, []);

// rest of the code...

Is there something I’m doing wrong ?

[Bradzer]

@astoilkov you can close the issue. As far as I’m concerned I got it working so it’s fine for me. Thank you 😉

[astoilkov]

I’ve made a change in the new use-local-storage-state release (version 16) that can possibly fix your issue without the need for enableReinitialize.

If you are interested, you can upgrade and try it out. If you do, please let me know the result as I’m very curious.