Relative Content

Tag Archive for typescriptnext.jsreact-hook-formshadcnuinextui

Nextui Select component conflicting with react-hook-form causing infinit rerender loop

I’m having an issue where I’m trying to use a NextUI Select component within my react-hook-form. I’m utilizing the form given by shadcn and everything seems to be integrated well with all my other inputs except for the NextUI Select input. After placing a NextUI Select input within the form, I get the warning saying:
133app-index.tsx:25 Warning: Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn’t have a dependency array, or one of the dependencies changes on every render.