reactjs - Persist kullanırken Zustand ve Typescript ile Hata. Hata şudur: persist.d.ts(95, 210): 'options' için bir argüman sağlanmadı

Typescript için Zustand belgelerindeki deseni izleyerek Zustand kullanarak persist işlevini kullanmaya çalışıyorum ama persist yöntemini eklediğimde bir hata alıyorum.

Hata persist.d.ts(95, 210): 'options' için bir argüman sağlanmadı.

İşte hatayı üreten kodun bir örneği:

import { create, StateCreator } from 'zustand';
import { devtools, persist } from 'zustand/middleware';
import { CountryData } from './countryTypes';

interface CountrySlice {
    countries: CountryData[];
    fetchCountries: () => void;
}

const countrySlice: StateCreator<CountrySlice> = (set) => ({
    countries: [],
    fetchCountries: async () => {
        const res = await fetch('https://restcountries.com/v3.1/all');
        set({ countries: await res.json() });
    },
});


export const useCountryStore = create<CountrySlice>()(
    persist(
        devtools((...a) => ({
            ...countrySlice(...a),
        }))
    )
);

Eksik olan bu "seçenekler" nelerdir ve nereye dahil edilmelidirler?

Bu konuyla ilgili belge bulmaya çalıştım ama sorunu çözen herhangi bir şey bulamadım. Bulduğum en yakın sorun, Zustand'ın kullanımdan kaldırılmış bir sürümünü kullanarak bir çözüm içeriyor.

Cevap #1

persist için seçenekler sağlayın (hata içinde; "persist.d.ts"):

export const useCountryStore = create<CountrySlice>()(
    persist(
        devtools((...a) => ({
            ...countrySlice(...a),
        })),
        { name: "my cool name" },
    )
);

İsim gereklidir.

Belgeleri inceleyin: https://docs.pmnd.rs/zustand/integrations/persisting-store-data

Oyun alanı