diff --git a/.changeset/fifty-jokes-dress.md b/.changeset/fifty-jokes-dress.md
new file mode 100644
index 0000000..8878815
--- /dev/null
+++ b/.changeset/fifty-jokes-dress.md
@@ -0,0 +1,5 @@
+---
+"@openfun/cunningham-react": patch
+---
+
+Fix Select usage with react hook form
diff --git a/packages/react/src/components/Forms/Select/stories-utils.tsx b/packages/react/src/components/Forms/Select/stories-utils.tsx
index b8928de..e7e81e1 100644
--- a/packages/react/src/components/Forms/Select/stories-utils.tsx
+++ b/packages/react/src/components/Forms/Select/stories-utils.tsx
@@ -4,7 +4,7 @@ import { Select } from ":/components/Forms/Select/index";
 import { SelectProps } from ":/components/Forms/Select/mono";
 
 export const RhfSelect = (props: SelectProps & { name: string }) => {
-  const { control } = useFormContext();
+  const { control, setValue } = useFormContext();
   return (
     <Controller
       control={control}
@@ -16,7 +16,7 @@ export const RhfSelect = (props: SelectProps & { name: string }) => {
             state={fieldState.error ? "error" : "default"}
             text={fieldState.error?.message}
             onBlur={field.onBlur}
-            onChange={field.onChange}
+            onChange={(e) => setValue(field.name, e.target.value)}
             value={field.value}
           />
         );