Default export is deprecated. Instead use import { createStore } from 'zustand/vanilla'

[madiyetov]

Description

The next warning is coming from the zustand-pub since it imports the createStore not correctly:
[DEPRECATED] Default export is deprecated. Instead use import { createStore } from 'zustand/vanilla'.

I checked the source code out. You've fixed it here:
e6c852e#diff-6f7df3ffeb17d1b3df1802118e68eab0a84565c51fb83f257d2dcabd85997ef5R1

But somehow it didn't affect the build output:

As you can see, the createStore method is still imported as a default. Possibly, you forgot to rebuild the package before releasing it.

"version": "1.0.0-beta.19"

[Jsmond2016]

I met the similar problem:

Error: Build failed with 1 error:

No matching export in "node_modules/.pnpm/zustand@5.0.7_@types+react@19.1.2_immer@10.1.1_react@18.3.1/node_modules/zustand/esm/vanilla.mjs" for import "default"

    node_modules/.pnpm/zustand-pub@1.0.0-beta.19_zustand-vue@1.0.0-beta.24_vue@3.5.13_typescript@5.7.3__zustand@5.0._syc2jwkvdsaf5oty3niomvgbke/node_modules/zustand-pub/dist/index.mjs:1:7:
      1 │ import r from "zustand/vanilla";

my package.json libs are below:

"zustand": "^5.0.7",
 "zustand-pub": "1.0.0-beta.19"

and my code is simple:

// Demo1.tsx

import { create } from 'zustand'
import PubStore from "zustand-pub"

type ICountStore = {
  count: number
  increment: () => void
}

const Demo1 = () => {
  const pubStore = new PubStore("key")
  pubStore.defineStore<ICountStore>(
    "countStore",
    (set) => ({
      count: 0,
      increment: () => set((state) => ({ count: state.count + 1 })),
    })
  )
  const countStore = pubStore.getStore("countStore")

  const useCountStore = create<ICountStore>(countStore);
  const xxx = useCountStore();
  console.log('xxx', xxx)
  return (
    <div>
      <h1>demo 1</h1>
    </div>
  )
}

export default Demo1

So, how can I resolve the error?