Scope
apps/web/src/new-site/search/** — Sido / Sigungu / Kind filter selects
- Add
apps/web/src/components/ui/select.tsx via npx shadcn@latest add select
- react-hook-form
Controller wrappers around Radix Select
- daisyUI classes touched:
select, select-bordered
Acceptance
Depends on
Research
Risk
med — Radix Select is uncontrolled by default; rhf integration needs Controller with value/onValueChange.
Steps
npx shadcn@latest add select from apps/web.
- Wrap each
<Select> in rhf Controller, mapping field.value → value, field.onChange → onValueChange.
- Verify Sido → Sigungu dependent query still invalidates correctly.
- Remove all
select select-bordered classes from touched files.
npx nx affected -t lint test build.
Scope
apps/web/src/new-site/search/**— Sido / Sigungu / Kind filter selectsapps/web/src/components/ui/select.tsxvianpx shadcn@latest add selectControllerwrappers around RadixSelectselect,select-borderedAcceptance
npx nx affected -t lint test buildgreenSelectvia rhfControllerDepends on
Research
Risk
med — Radix Select is uncontrolled by default; rhf integration needs
Controllerwithvalue/onValueChange.Steps
npx shadcn@latest add selectfromapps/web.<Select>in rhfController, mappingfield.value→value,field.onChange→onValueChange.select select-borderedclasses from touched files.npx nx affected -t lint test build.