Warning: Prop className did not match. Server: " css-qbdosj-Input" Client: " css-w9q2zk-Input2"

[MurotbekAhmedov]

Stack: Astro Tailwind Typescript and ReactComponent
when i run npm run dev error appear chunk-P5X465B4.js?v=726cd2a7:521 Warning: Prop className did not match. Server: " css-qbdosj-Input" Client: " css-w9q2zk-Input2"
but when i do build (npm run build) this error is not appear

[MurotbekAhmedov]

import React from 'react';
import Select from 'react-select';
import type {SingleValue } from 'react-select';
const {useState,useId,useEffect } = React;

interface SelectComponentProps {
data?: any;
boxClass?:string;
labelTitle?:string;
optionTitle?:string;
firstValue?:boolean;
sendObject?:boolean;
error?:boolean;
errorText?:string;
changingSelect?:boolean;
formErrorGet?:(error:boolean)=>void;
sendSelectedValueToParent?: (value: string|null) => void;

}
interface Options {
value:string|null;
label:string|undefined;
}

const SelectComponent: React.FC = ({ data,boxClass,labelTitle,optionTitle,firstValue=true ,sendSelectedValueToParent,sendObject, errorText,error,formErrorGet,changingSelect=false}) => {
const [selectValue, setSelectValue] = useState('');
const [oldData, setOldData] = useState(null);

  useEffect(() => {
   if (changingSelect==true && oldData != null && oldData[0].id !== data[0].id) {
     setSelectValue(options[1]);
      if (data && sendSelectedValueToParent) {
       sendSelectedValueToParent(data[0]);
      }

   }
   setOldData(data);
  }, [data,oldData]);

const options:Options[] = [];
if (firstValue==true) {
  options.push({value:null,label:optionTitle})
}
for (const key in data) {
  if (Object.prototype.hasOwnProperty.call(data, key)) {
    const element = data[key];
    let selectClass:Options = {
      value: element.id,
      label: element.name,
    };
    options.push(selectClass);
  }
}

const handleChange = (newValue: SingleValue<Options>) => {
  
  if (formErrorGet != null) {
    formErrorGet(false);
  }
  setOldData(data);
  let selectedValue = newValue!==null?newValue.value:"";
  if (sendObject == true && selectedValue !== null) {
    selectedValue = data.reduce((acc:any, element:any) => {
      if (element.id === selectedValue) {
        return element;
      }
      return acc;
    }, null);
  }

    setSelectValue(newValue);
  if (sendSelectedValueToParent) {
    sendSelectedValueToParent(selectedValue);
  }
 
};
const optionStyles:any = {
  menu: (provided:any) => ({
    ...provided,
    zIndex: 1002,
    paddingTop: 0,
  }),
  control: (provided:any) => ({
    ...provided,
    border: error?"1px solid #ff4444":"",
    height:'42px',
  }),
  menuList: (provided:any) => ({
    ...provided,
    paddingTop: 0,
  }),
  option: (provided:any, state:any) => ({
    ...provided,
    zindex:1002,
    padding:"10px",
    backgroundColor:  state.isSelected ? '#3182ce' : (state.isDisabled ? '#e1e1e1' : 'transparent'),
    color: state.isSelected ? 'white' : 'black', 
  }),
};
const indicatorSeparatorStyle = {
  display:'none',
};
const IndicatorSeparator = ({
  innerProps,
}: any) => {
  return <span style={indicatorSeparatorStyle} {...innerProps} />;
};
return (
     <div className={`mb-5 ${boxClass}`}>
          <label 
            htmlFor="countries" 
            className="block mb-2 text-sm font-medium text-label-grey dark:text-label-grey" 
          >
            {labelTitle}
          </label>
          <Select
            className={`mb-[0px] h-[42px] mobile:text-[14px]  ${!error?"!border-[#ff4444]":""}`}
            value={selectValue}
            components={{ IndicatorSeparator }}
            onChange={handleChange}
            isClearable={false}
            isSearchable={true}
            options={options}
            instanceId={useId()}
            styles={optionStyles}
            isOptionDisabled={(option) => option.value == null}
            placeholder={optionTitle}
            
          />
          {error==true?(
            <div className="text-[#ff4444] mt-[10px] ">{errorText?errorText:"Заполните поля"}</div>
          ):""}
     </div>
)

}

export default SelectComponent

[MurotbekAhmedov]

my code