diff --git a/web/pages/access-tokens.tsx b/web/pages/access-tokens.tsx
index f38881740..13f5f6d83 100644
--- a/web/pages/access-tokens.tsx
+++ b/web/pages/access-tokens.tsx
@@ -178,7 +178,7 @@ function NewTokenModal(props) {
         props.onOk(name, selectedScopes)
     }
 
-    const [name, setName] = useState([]);
+    const [name, setName] = useState('');
 
     return (
         <Modal title="Create New Access token" visible={props.visible} onOk={saveToken} onCancel={props.onCancel}>