Zustand Store with react native mmkv example

zustandStore.js

import {create} from 'zustand';
import {persist} from 'zustand/middleware';
import {createJSONStorage} from 'zustand/middleware';
import {MMKV} from 'react-native-mmkv';

const storage = new MMKV();

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

const useFlagStore = create(
    persist(
        (set) => ({
            flag: false,
            setFlag: (state) => {
                set({
                    flag: state,
                });
            },
        }),
        {
            name: 'some-flag-storage',
            storage: createJSONStorage(() => zustandStorage),
        },
    ),
);

export default useFlagStore;