How to mock a zustand store

[clianor]

Summary

Hi everyone.
I want to mock the zustand store so that it is not shared between stores.
But I couldn't find a good way to do this.
If you have a good way to do this, could you please share it?

It seems that spyOn and mocked provided in @storybook/test return the passed function as is.

Additional information

{
  // my dependencies
  "dependencies": {
    "@hookform/resolvers": "3.9.1",
    "@radix-ui/react-label": "2.1.1",
    "@radix-ui/react-progress": "1.1.1",
    "@radix-ui/react-slot": "1.1.1",
    "class-variance-authority": "0.7.1",
    "clsx": "2.1.1",
    "lucide-react": "0.469.0",
    "next": "15.1.2",
    "react": "19.0.0",
    "react-dom": "19.0.0",
    "react-hook-form": "7.54.2",
    "tailwind-merge": "2.6.0",
    "tailwindcss-animate": "1.0.7",
    "zod": "3.24.1",
    "zustand": "5.0.2"
  },
  "devDependencies": {
    "@chromatic-com/storybook": "3.2.3",
    "@eslint/eslintrc": "3.2.0",
    "@storybook/addon-essentials": "8.4.7",
    "@storybook/addon-onboarding": "8.4.7",
    "@storybook/blocks": "8.4.7",
    "@storybook/experimental-addon-test": "8.4.7",
    "@storybook/experimental-nextjs-vite": "8.4.7",
    "@storybook/nextjs": "8.4.7",
    "@storybook/react": "8.4.7",
    "@storybook/test": "8.4.7",
    "@trivago/prettier-plugin-sort-imports": "5.2.0",
    "@types/node": "20",
    "@types/react": "19",
    "@types/react-dom": "19",
    "@vitest/browser": "2.1.8",
    "autoprefixer": "10.4.20",
    "eslint": "9",
    "eslint-config-next": "15.1.2",
    "eslint-config-prettier": "9.1.0",
    "eslint-plugin-storybook": "0.11.1",
    "husky": "9.1.7",
    "playwright": "1.49.1",
    "postcss": "8",
    "postcss-nesting": "13.0.1",
    "prettier": "3.4.2",
    "storybook": "8.4.7",
    "tailwindcss": "3.4.1",
    "typescript": "5",
    "vitest": "2.1.8"
  },
}

Create a reproduction

No response