docs: corrected example

[EthanRBrown]

Summary

Corrected store shape in "Selecting multiple state slices" to be consistent with the example (which use nuts, honey, and treats instead of bears).

Check List

• pnpm run prettier for formatting code and docs

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
zustand-demo	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Sep 2, 2024 11:48pm

[codesandbox-ci]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

[dai-shi]

Thanks.

---

I found another issue.

The following is incorrect. We need createWithEqualityFn to make it work.

For more control over re-rendering, you may provide any custom equality function.

const treats = useBearStore(
  (state) => state.treats,
  (oldTreats, newTreats) => compare(oldTreats, newTreats),
)

[dai-shi]

Hi, thanks for the suggestion. I didn't realize this.
We don't want to increase lines readme.md (and possibly move detail/complete examples to docs),
so can we make this simpler??

Suggested change

	const useBearStore = create(set => ({
	nuts: 0,
	honey: 0,
	treats: {},
	increaseNuts: () => set(state => ({ nuts: state.nuts + 1 })),
	increaseHoney: () => set(state => ({ honey: state.honey + 1 })),
	increaseTreats: (treat: string, count?: number) =>
	set(state => ({ treats: { ...state.treats, [treat]: (state.treats[treat] ?? 0) + 1 } })),
	}))
	const useBearStore = create((set) => ({ nuts: 0, honey: 0, treats: {} /* ... */ }))

[EthanRBrown]

Thanks, and I agree. The update functions are unnecessary, so I removed them and added a ..., which I think is clear enough. I also added a link to what documentation I could find for createWithEqualityFn.

I'm afraid I don't have the bandwidth to go deeper and break this into its own file, etc. Hopefully this will be sufficient for now. Thanks for the feedback!

[dai-shi]

Cool! Thanks for your contribution!