Dialog using Zustand

Installed Packages

@headlessui/react, headless component for dialog
zustand, for the state manager
immer, additional package for zustand
auto-zustand-selectors-hook, additional package for zustand

Demo

CleanShot.2021-12-19.at.12.56.11.mp4

Notes

Don't forget to manually change the Layout.tsx file. The file is separated to avoid conflict