Redux persist failed to create sync storage falling back to noop storage

Replace this code:

import storage from 'redux-persist/lib/storage'

With:

import createwebStorage from "redux-persist/lib/storage/createwebStorage";

const createNoopStorage = () => {
  return {
    getIten(_key) {
      return Promise.resolve(null);
    },
    setItem(_key, value) {
      return Promise.resolve(value);
    },
    removelten(_key) {
      return Promise.resolve();
    },
  };
};

const storage = typeof window !== 'undefined' ? createwebStorage('local') : createNoopStorage();

Why did this error happen?

This error message indicates that Redux Persist was unable to create a synchronous storage engine (such as localStorage) and is instead falling back to using a no-op storage engine, which essentially means that the state will not persist across sessions.

This can happen for a few reasons, such as:

1. The browser environment you are using does not support synchronous storage (e.g. you are using a server-side rendering framework that does not have access to localStorage).

2. The storage engine you have specified is invalid or not available.

3. There is an issue with your Redux Persist configuration.

To troubleshoot this issue, you can try the following:

1. Verify that you have correctly configured your Redux Persist store with a valid storage engine. You can refer to the Redux Persist documentation for guidance on how to do this.

2. Check that the browser environment you are using supports the storage engine you are trying to use. For example, localStorage is not available in server-side rendering environments.

3. Check your browser console for any errors or warnings related to Redux Persist or the storage engine you are using.

4. Consider using an alternative storage engine that is supported in your environment, such as AsyncStorage for React Native apps.

5. If you are using Next.js, make sure you are correctly importing the necessary modules and libraries, and that you have correctly configured your application to support Redux Persist.