UNPKG

zustand

Version:

🐻 Bear necessities for state management in React

45 lines (42 loc) 1.66 kB
import { createStore } from 'zustand/vanilla'; export * from 'zustand/vanilla'; import { useDebugValue } from 'react'; import useSyncExternalStoreExports from 'use-sync-external-store/shim/with-selector.js'; const { useSyncExternalStoreWithSelector } = useSyncExternalStoreExports; function useStore(api, selector = api.getState, equalityFn) { if (process.env.NODE_ENV !== "production" && equalityFn) { console.warn( "[DEPRECATED] Use `createWithEqualityFn` from 'zustand/traditional'. https://github.com/pmndrs/zustand/discussions/1937" ); } const slice = useSyncExternalStoreWithSelector( api.subscribe, api.getState, api.getServerState || api.getState, selector, equalityFn ); useDebugValue(slice); return slice; } const createImpl = (createState) => { if (process.env.NODE_ENV !== "production" && typeof createState !== "function") { console.warn( "[DEPRECATED] Passing a vanilla store will be unsupported in a future version. Instead use `import { useStore } from 'zustand'`." ); } const api = typeof createState === "function" ? createStore(createState) : createState; const useBoundStore = (selector, equalityFn) => useStore(api, selector, equalityFn); Object.assign(useBoundStore, api); return useBoundStore; }; const create = (createState) => createState ? createImpl(createState) : createImpl; var react = (createState) => { if (process.env.NODE_ENV !== "production") { console.warn( "[DEPRECATED] Default export is deprecated. Instead use `import { create } from 'zustand'`." ); } return create(createState); }; export { create, react as default, useStore };