please add app directory for with-zustand example

[sinafath]

Verify canary release

• I verified that the issue exists in the latest Next.js canary release

Provide environment information

**

Which example does this report relate to?

with-zustand

What browser are you using? (if relevant)

No response

How are you deploying your application? (if relevant)

No response

Describe the Bug

there is no example of Zustand with new next app directory. Can I use Zustand with the new app directory model?

Expected Behavior

Using zustand with app directory

To Reproduce

**

[balazsorban44]

Hi, the preferred way would be to convert the current example at https://github.com/vercel/next.js/tree/canary/examples/with-zustand instead of adding a new one. The examples directory is community-maintained so feel free to open a PR, and we can help review it! 🙏

[nicksan222]

Please assign me, i will publish the PR in 12 hours at most

[shyampathade]

Can you assign it to me please ?

[monstajoe2002]

Can you assign me this issue please?

[mhpjay422]

HI, I'm new here and gave this issue a try. No success. Details below.

When trying to convert to the app router:

• The current initialization of the "store" uses a useRef
• With the conversion to the app router, the initialization of the store errors saying the useRef can only be used in a client component
  
• I know adding 'use client' wouldnt be the way to go but gave it a try and get this error
  

I tried to figure a way not to use the useRef with no luck. I am not sure how to proceed from here. Any pointers?

[github-actions]

This closed issue has been automatically locked because it had no new activity for 2 weeks. If you are running into a similar issue, please create a new issue with the steps to reproduce. Thank you.