useId() from react to generate unique id on rendering

walnuthq · Mar 18, 2024 · 1d8d75e · 1d8d75e
1 parent 10d9db9
commit 1d8d75e
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/components/Editor/Header.tsx b/components/Editor/Header.tsx
@@ -1,4 +1,4 @@
-import { useMemo } from 'react'
+import { useMemo, useId } from 'react'
 
 import Select, { OnChangeValue } from 'react-select'
 
@@ -37,7 +37,7 @@ const EditorHeader = ({ codeType, onCodeTypeChange }: Props) => {
           isSearchable={false}
           classNamePrefix="select"
           menuPlacement="auto"
-          instanceId="headerSelect"
+          instanceId={useId()}
         />
       </div>
     </div>