add id's (#579)

apotdevin · Nov 5, 2023 · 0d56f5a · 0d56f5a
1 parent 5d8386d
commit 0d56f5a
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/src/client/src/components/select/index.tsx b/src/client/src/components/select/index.tsx
@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useId } from 'react';
 import ReactSelect from 'react-select';
 import styled, { css } from 'styled-components';
 import {
@@ -7,7 +7,7 @@ import {
   inputBorderColor,
   themeColors,
   selectColors,
-} from '../../../src/styles/Themes';
+} from '../../styles/Themes';
 
 type WrapperProps = {
   maxWidth?: string;
@@ -115,6 +115,7 @@ export const Select = ({
   return (
     <StyledWrapper maxWidth={maxWidth} fullWidth={true}>
       <StyledSelect
+        instanceId={useId()}
         isMulti={isMulti}
         classNamePrefix={'Select'}
         options={options}
@@ -151,6 +152,7 @@ export const SelectWithValue = ({
   return (
     <StyledWrapper maxWidth={maxWidth} fullWidth={true}>
       <StyledSelect
+        instanceId={useId()}
         isMulti={isMulti}
         classNamePrefix={'Select'}
         options={options}
@@ -180,6 +182,7 @@ export const SmallSelectWithValue = ({
   return (
     <StyledWrapper maxWidth={maxWidth} fullWidth={true}>
       <StyledSmallSelect
+        instanceId={useId()}
         isMulti={isMulti}
         classNamePrefix={'Select'}
         options={options}