UPDATE: New data, optimize, new name for trailblazer

src/components/select/customSelectText.tsx

@@ -1,9 +1,19 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 'use client'
-import Select, { SingleValue } from 'react-select'
+import dynamic from "next/dynamic"
+import type { SingleValue } from "react-select"
 import { replaceByParam } from '@/helper'
 import useLocaleStore from '@/stores/localeStore'
 import { themeColors } from '@/constant/constant'
+import type { Props as SelectProps } from "react-select"
+import { JSX } from "react"
+
+const Select = dynamic(
+  () => import("react-select").then(m => m.default),
+  { ssr: false }
+) as <Option, IsMulti extends boolean = false>(
+  props: SelectProps<Option, IsMulti>
+) => JSX.Element
 
 export type SelectOption = {
   id: string