From 338fd911944aa34950976437137d4fb27a006a85 Mon Sep 17 00:00:00 2001
From: lethemanh <lethemanh@lethemanhs-MacBook-Pro.local>
Date: Fri, 24 Apr 2026 15:30:40 +0700
Subject: [PATCH] #820 add missing react import in visibility field

---
 src/components/Event/fields/VisibilityField.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/Event/fields/VisibilityField.tsx b/src/components/Event/fields/VisibilityField.tsx
index f660b5e..3948861 100644
--- a/src/components/Event/fields/VisibilityField.tsx
+++ b/src/components/Event/fields/VisibilityField.tsx
@@ -1,3 +1,4 @@
+import React from 'react'
 import { ToggleButton, ToggleButtonGroup } from '@linagora/twake-mui'
 import { Public as PublicIcon } from '@mui/icons-material'
 import LockOutlineIcon from '@mui/icons-material/LockOutline'
@@ -25,7 +26,7 @@ export const VisibilityField: React.FC<VisibilityFieldProps> = ({
       <ToggleButtonGroup
         value={eventClass}
         exclusive
-        onChange={(_e, newValue: string) => {
+        onChange={(_e, newValue: string | null) => {
           if (newValue !== null) {
             setEventClass(newValue as 'PUBLIC' | 'PRIVATE' | 'CONFIDENTIAL')
           }