diff --git a/ssr-testing/app/checkbox/exemple_probleme.tsx b/ssr-testing/app/checkbox/exemple_probleme.tsx
new file mode 100644
index 000000000..6ef5992db
--- /dev/null
+++ b/ssr-testing/app/checkbox/exemple_probleme.tsx
@@ -0,0 +1,26 @@
+// Pour tester le problème, il faut renommer le fichier en page.tsx
+
+'use client';
+
+import * as React from 'react';
+import * as Checkbox from '@radix-ui/react-checkbox';
+
+export default function Page() {
+  const [isChecked, setIsChecked] = React.useState(false);
+
+  const handleCheckedChange = (newChecked: boolean) => {
+    console.log('Checkbox checked:', newChecked); // Affiche l'état dans la console
+    setIsChecked(newChecked);
+  };
+
+  return (
+    <form>
+      <div onClick={() => setIsChecked((prev) => !prev)}>
+        <Checkbox.Root checked={isChecked} onCheckedChange={handleCheckedChange}>
+          [ <Checkbox.Indicator>✔</Checkbox.Indicator> ]
+        </Checkbox.Root>
+        <span>test</span>
+      </div>
+    </form>
+  );
+}
\ No newline at end of file