Error with Zustand and Typescript when using Persist. The Error is: persist.d.ts(95, 210): An argument for 'options' was not provided

I'm trying to use the persist functionality using Zustand following the pattern on the Zustand documentation for Typescript but I get an error when I add the persist method.

The error is persist.d.ts(95, 210): An argument for 'options' was not provided.

Here is an example of the code producing the error:

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),
		}))
	)
);

What are these "options" I'm missing and where should they be included?

I tried finding documentation on this issue but haven't found anything that fixes the issue. The closest issue I found has a solution using a deprecated version of Zustand.

Provide options for persist (it's in the error; "persist.d.ts"):

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

The name is required.

See the docs: https://docs.pmnd.rs/zustand/integrations/persisting-store-data

Playground