Error when building a React application with Zustand.

[HuuNguyen312]

'm encountering an error when building a React application with Zustand. During development (yarn start), everything runs smoothly without issues. However, when running the production build (yarn build), I receive the following error:

Attempted import error: 'createJSONStorage' is not exported from 'zustand/middleware'.

import { createJSONStorage, persist, StateStorage } from 'zustand/middleware'
import { create } from 'zustand/react'
import { immer } from 'zustand/middleware/immer'

const zustandStorage: StateStorage = {
  setItem: (name, value) => {
    return storage.set(name, value)
  },
  getItem: (name) => {
    const value = storage.getString(name)
    return value ?? null
  },
  removeItem: (name) => {
    return storage.delete(name)
  },
}

...

    {
      name: 'chat-storage', 
      storage: createJSONStorage(() => zustandStorage), 
    },

This is my package.json

Please help me resolve it
Thanks