studio/cunningham
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

🐛(rect) fix rhf select example

Browse Source 
clearing the select trigger a infinit loop
This commit is contained in:
Romain Le Cellier
2023-09-21 17:28:03 +02:00
parent 034e299407
commit 3a6028f0ba
2 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
.changeset/fifty-jokes-dress.md Normal file
View File

@@ -0,0 +1,5 @@
---
"@openfun/cunningham-react": patch
---
Fix Select usage with react hook form

4
packages/react/src/components/Forms/Select/stories-utils.tsx
View File

@@ -4,7 +4,7 @@ import { Select } from ":/components/Forms/Select/index";
import { SelectProps } from ":/components/Forms/Select/mono"; import { SelectProps } from ":/components/Forms/Select/mono";
export const RhfSelect = (props: SelectProps & { name: string }) => { export const RhfSelect = (props: SelectProps & { name: string }) => {
const { control } = useFormContext(); const { control, setValue } = useFormContext();
return ( return (
<Controller <Controller
control={control} control={control}
@@ -16,7 +16,7 @@ export const RhfSelect = (props: SelectProps & { name: string }) => {
state={fieldState.error ? "error" : "default"} state={fieldState.error ? "error" : "default"}
text={fieldState.error?.message} text={fieldState.error?.message}
onBlur={field.onBlur} onBlur={field.onBlur}
onChange={field.onChange} onChange={(e) => setValue(field.name, e.target.value)}
value={field.value} value={field.value}
/> />
); );