Answer: React 18: Hydration failed because the initial UI does not match what was rendered on the server

Just go main parent component and set the state:

const [isSSR,setIsSSR]=React.useState(false);
React.useEffect(()=>{
  setIsSSR(true);
})
return (
  isSSR && (
    <>
       //your component here
    </>
  )
)

</p>