chore: remove forward ref

web/app/(commonLayout)/apps/NewAppCard.tsx

@@ -1,6 +1,6 @@
 'use client'
 
-import { forwardRef, useMemo, useState } from 'react'
+import { useMemo, useState } from 'react'
 import {
   useRouter,
   useSearchParams,
@@ -18,7 +18,15 @@ export type CreateAppCardProps = {
   onSuccess?: () => void
 }
 
-const CreateAppCard = forwardRef<HTMLDivElement, CreateAppCardProps>(({ className, onSuccess }, ref) => {
+const CreateAppCard = (
+  {
+    ref,
+    className,
+    onSuccess,
+  }: CreateAppCardProps & {
+    ref: React.RefObject<HTMLDivElement>;
+  },
+) => {
   const { t } = useTranslation()
   const { onPlanInfoChanged } = useProviderContext()
   const searchParams = useSearchParams()
@@ -103,7 +111,7 @@ const CreateAppCard = forwardRef<HTMLDivElement, CreateAppCardProps>(({ classNam
       />
     </div>
   )
-})
+}
 
 CreateAppCard.displayName = 'CreateAppCard'
 export default CreateAppCard

web/app/(commonLayout)/datasets/NewDatasetCard.tsx

@@ -1,20 +1,23 @@
 'use client'
-
-import { forwardRef } from 'react'
 import { useTranslation } from 'react-i18next'
 import {
   RiAddLine,
   RiArrowRightLine,
 } from '@remixicon/react'
 
-const CreateAppCard = forwardRef<HTMLAnchorElement>((_, ref) => {
+const CreateAppCard = (
+  {
+    ref,
+    ..._
+  },
+) => {
   const { t } = useTranslation()
 
   return (
     <div className='flex flex-col bg-background-default-dimm border-[0.5px] border-components-panel-border rounded-xl
       min-h-[160px] transition-all duration-200 ease-in-out'
     >
-      <a ref={ref} className='group flex flex-grow items-start p-4 cursor-pointer' href='/datasets/create'>
+      <a ref={ref} className='group flex grow items-start p-4 cursor-pointer' href='/datasets/create'>
         <div className='flex items-center gap-3'>
           <div className='w-10 h-10 p-2 flex items-center justify-center border border-dashed border-divider-regular rounded-lg
             bg-background-default-lighter group-hover:border-solid group-hover:border-effects-highlight group-hover:bg-background-default-dodge'
@@ -31,7 +34,7 @@ const CreateAppCard = forwardRef<HTMLAnchorElement>((_, ref) => {
       </a>
     </div>
   )
-})
+}
 
 CreateAppCard.displayName = 'CreateAppCard'
 

web/app/components/app/configuration/debug/debug-with-single-model/index.tsx

@@ -1,10 +1,4 @@
-import {
-  forwardRef,
-  memo,
-  useCallback,
-  useImperativeHandle,
-  useMemo,
-} from 'react'
+import { memo, useCallback, useImperativeHandle, useMemo } from 'react'
 import {
   useConfigFromDebugContext,
   useFormattingChangedSubscription,
@@ -34,9 +28,14 @@ type DebugWithSingleModelProps = {
 export type DebugWithSingleModelRefType = {
   handleRestart: () => void
 }
-const DebugWithSingleModel = forwardRef<DebugWithSingleModelRefType, DebugWithSingleModelProps>(({
-  checkCanSend,
-}, ref) => {
+const DebugWithSingleModel = (
+  {
+    ref,
+    checkCanSend,
+  }: DebugWithSingleModelProps & {
+    ref: React.RefObject<DebugWithSingleModelRefType>;
+  },
+) => {
   const { userProfile } = useAppContext()
   const {
     modelConfig,
@@ -174,7 +173,7 @@ const DebugWithSingleModel = forwardRef<DebugWithSingleModelRefType, DebugWithSi
       noSpacing
     />
   )
-})
+}
 
 DebugWithSingleModel.displayName = 'DebugWithSingleModel'
 

web/app/components/base/auto-height-textarea/common.tsx

@@ -1,53 +1,53 @@
-import { forwardRef, useEffect, useRef } from 'react'
+import { useEffect, useRef } from 'react'
 import cn from '@/utils/classnames'
 
 type AutoHeightTextareaProps =
   & React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>
   & { outerClassName?: string }
 
-const AutoHeightTextarea = forwardRef<HTMLTextAreaElement, AutoHeightTextareaProps>(
-  (
-    {
-      outerClassName,
-      value,
-      className,
-      placeholder,
-      autoFocus,
-      disabled,
-      ...rest
-    },
-    outRef,
-  ) => {
-    const innerRef = useRef<HTMLTextAreaElement>(null)
-    const ref = outRef || innerRef
-
-    useEffect(() => {
-      if (autoFocus && !disabled && value) {
-        if (typeof ref !== 'function') {
-          ref.current?.setSelectionRange(`${value}`.length, `${value}`.length)
-          ref.current?.focus()
-        }
-      }
-    }, [autoFocus, disabled, ref])
-    return (
-      <div className={outerClassName}>
-        <div className='relative'>
-          <div className={cn(className, 'invisible whitespace-pre-wrap break-all')}>
-            {!value ? placeholder : `${value}`.replace(/\n$/, '\n ')}
-          </div>
-          <textarea
-            ref={ref}
-            placeholder={placeholder}
-            className={cn(className, 'disabled:bg-transparent absolute inset-0 outline-none border-none appearance-none resize-none w-full h-full')}
-            value={value}
-            disabled={disabled}
-            {...rest}
-          />
-        </div>
-      </div>
-    )
+const AutoHeightTextarea = (
+  {
+    ref: outRef,
+    outerClassName,
+    value,
+    className,
+    placeholder,
+    autoFocus,
+    disabled,
+    ...rest
+  }: AutoHeightTextareaProps & {
+    ref: React.RefObject<HTMLTextAreaElement>;
   },
-)
+) => {
+  const innerRef = useRef<HTMLTextAreaElement>(null)
+  const ref = outRef || innerRef
+
+  useEffect(() => {
+    if (autoFocus && !disabled && value) {
+      if (typeof ref !== 'function') {
+        ref.current?.setSelectionRange(`${value}`.length, `${value}`.length)
+        ref.current?.focus()
+      }
+    }
+  }, [autoFocus, disabled, ref])
+  return (
+    (<div className={outerClassName}>
+      <div className='relative'>
+        <div className={cn(className, 'invisible whitespace-pre-wrap break-all')}>
+          {!value ? placeholder : `${value}`.replace(/\n$/, '\n ')}
+        </div>
+        <textarea
+          ref={ref}
+          placeholder={placeholder}
+          className={cn(className, 'disabled:bg-transparent absolute inset-0 outline-none border-none appearance-none resize-none w-full h-full')}
+          value={value}
+          disabled={disabled}
+          {...rest}
+        />
+      </div>
+    </div>)
+  )
+}
 
 AutoHeightTextarea.displayName = 'AutoHeightTextarea'
 

web/app/components/base/auto-height-textarea/index.tsx

@@ -1,4 +1,4 @@
-import { forwardRef, useEffect, useRef } from 'react'
+import { useEffect, useRef } from 'react'
 import cn from '@/utils/classnames'
 import { sleep } from '@/utils'
 
@@ -16,68 +16,80 @@ type IProps = {
   onKeyUp?: (e: React.KeyboardEvent<HTMLTextAreaElement>) => void
 }
 
-const AutoHeightTextarea = forwardRef(
-  (
-    { value, onChange, placeholder, className, wrapperClassName, minHeight = 36, maxHeight = 96, autoFocus, controlFocus, onKeyDown, onKeyUp }: IProps,
-    outerRef: any,
-  ) => {
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    const ref = outerRef || useRef<HTMLTextAreaElement>(null)
-
-    const doFocus = () => {
-      if (ref.current) {
-        ref.current.setSelectionRange(value.length, value.length)
-        ref.current.focus()
-        return true
-      }
-      return false
-    }
-
-    const focus = async () => {
-      if (!doFocus()) {
-        let hasFocus = false
-        await sleep(100)
-        hasFocus = doFocus()
-        if (!hasFocus)
-          focus()
-      }
-    }
-
-    useEffect(() => {
-      if (autoFocus)
-        focus()
-    }, [])
-    useEffect(() => {
-      if (controlFocus)
-        focus()
-    }, [controlFocus])
-
-    return (
-      <div className={`relative ${wrapperClassName}`}>
-        <div className={cn(className, 'invisible whitespace-pre-wrap break-all  overflow-y-auto')} style={{
-          minHeight,
-          maxHeight,
-          paddingRight: (value && value.trim().length > 10000) ? 140 : 130,
-        }}>
-          {!value ? placeholder : value.replace(/\n$/, '\n ')}
-        </div>
-        <textarea
-          ref={ref}
-          autoFocus={autoFocus}
-          className={cn(className, 'absolute inset-0 resize-none overflow-auto')}
-          style={{
-            paddingRight: (value && value.trim().length > 10000) ? 140 : 130,
-          }}
-          placeholder={placeholder}
-          onChange={onChange}
-          onKeyDown={onKeyDown}
-          onKeyUp={onKeyUp}
-          value={value}
-        />
-      </div>
-    )
+const AutoHeightTextarea = (
+  {
+    ref: outerRef,
+    value,
+    onChange,
+    placeholder,
+    className,
+    wrapperClassName,
+    minHeight = 36,
+    maxHeight = 96,
+    autoFocus,
+    controlFocus,
+    onKeyDown,
+    onKeyUp,
+  }: IProps & {
+    ref: React.RefObject<unknown>;
   },
-)
+) => {
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  const ref = outerRef || useRef<HTMLTextAreaElement>(null)
+
+  const doFocus = () => {
+    if (ref.current) {
+      ref.current.setSelectionRange(value.length, value.length)
+      ref.current.focus()
+      return true
+    }
+    return false
+  }
+
+  const focus = async () => {
+    if (!doFocus()) {
+      let hasFocus = false
+      await sleep(100)
+      hasFocus = doFocus()
+      if (!hasFocus)
+        focus()
+    }
+  }
+
+  useEffect(() => {
+    if (autoFocus)
+      focus()
+  }, [])
+  useEffect(() => {
+    if (controlFocus)
+      focus()
+  }, [controlFocus])
+
+  return (
+    (<div className={`relative ${wrapperClassName}`}>
+      <div className={cn(className, 'invisible whitespace-pre-wrap break-all  overflow-y-auto')} style={{
+        minHeight,
+        maxHeight,
+        paddingRight: (value && value.trim().length > 10000) ? 140 : 130,
+      }}>
+        {!value ? placeholder : value.replace(/\n$/, '\n ')}
+      </div>
+      <textarea
+        ref={ref}
+        autoFocus={autoFocus}
+        className={cn(className, 'absolute inset-0 resize-none overflow-auto')}
+        style={{
+          paddingRight: (value && value.trim().length > 10000) ? 140 : 130,
+        }}
+        placeholder={placeholder}
+        onChange={onChange}
+        onKeyDown={onKeyDown}
+        onKeyUp={onKeyUp}
+        value={value}
+      />
+    </div>)
+  )
+}
 
 AutoHeightTextarea.displayName = 'AutoHeightTextarea'
 

web/app/components/base/chat/chat/chat-input-area/operation.tsx

@@ -1,7 +1,4 @@
-import {
-  forwardRef,
-  memo,
-} from 'react'
+import { memo } from 'react'
 import {
   RiMicLine,
   RiSendPlane2Fill,
@@ -23,13 +20,18 @@ type OperationProps = {
   onSend: () => void
   theme?: Theme | null
 }
-const Operation = forwardRef<HTMLDivElement, OperationProps>(({
-  fileConfig,
-  speechToTextConfig,
-  onShowVoiceInput,
-  onSend,
-  theme,
-}, ref) => {
+const Operation = (
+  {
+    ref,
+    fileConfig,
+    speechToTextConfig,
+    onShowVoiceInput,
+    onSend,
+    theme,
+  }: OperationProps & {
+    ref: React.RefObject<HTMLDivElement>;
+  },
+) => {
   return (
     <div
       className={cn(
@@ -70,7 +72,7 @@ const Operation = forwardRef<HTMLDivElement, OperationProps>(({
       </div>
     </div>
   )
-})
+}
 Operation.displayName = 'Operation'
 
 export default memo(Operation)

web/app/components/base/icons/IconBase.tsx

@@ -1,4 +1,3 @@
-import { forwardRef } from 'react'
 import { generate } from './utils'
 import type { AbstractNode } from './utils'
 
@@ -14,7 +13,14 @@ export type IconBaseProps = {
   style?: React.CSSProperties
 }
 
-const IconBase = forwardRef<React.MutableRefObject<HTMLOrSVGElement>, IconBaseProps>((props, ref) => {
+const IconBase = (
+  {
+    ref,
+    ...props
+  }: IconBaseProps & {
+    ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
+  },
+) => {
   const { data, className, onClick, style, ...restProps } = props
 
   return generate(data.icon, `svg-${data.name}`, {
@@ -26,7 +32,7 @@ const IconBase = forwardRef<React.MutableRefObject<HTMLOrSVGElement>, IconBasePr
     ...restProps,
     'ref': ref,
   })
-})
+}
 
 IconBase.displayName = 'IconBase'
 

web/app/components/base/icons/script.mjs

@@ -58,12 +58,16 @@ const generateSvgComponent = async (fileHandle, entry, pathList, replaceFillOrSt
 import * as React from 'react'
 import data from './<%= svgName %>.json'
 import IconBase from '@/app/components/base/icons/IconBase'
-import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
+import type { IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: React.SVGProps<SVGSVGElement> & {
+    ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = '<%= svgName %>'
 
@@ -111,10 +115,15 @@ import * as React from 'react'
 import cn from '@/utils/classnames'
 import s from './<%= fileName %>.module.css'
 
-const Icon = React.forwardRef<HTMLSpanElement, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>((
-  { className, ...restProps },
-  ref,
-) => <span className={cn(s.wrapper, className)} {...restProps} ref={ref} />)
+const Icon = (
+  { 
+    ref,
+    className,
+    ...restProps
+  }: React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement> & {
+    ref?: React.RefObject<HTMLSpanElement>;
+  },
+) => <span className={cn(s.wrapper, className)} {...restProps} ref={ref} />
 
 Icon.displayName = '<%= fileName %>'
 

web/app/components/base/icons/src/image/llm/BaichuanTextCn.tsx

@@ -5,10 +5,15 @@ import * as React from 'react'
 import cn from '@/utils/classnames'
 import s from './BaichuanTextCn.module.css'
 
-const Icon = React.forwardRef<HTMLSpanElement, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>((
-  { className, ...restProps },
-  ref,
-) => <span className={cn(s.wrapper, className)} {...restProps} ref={ref} />)
+const Icon = (
+  {
+    ref,
+    className,
+    ...restProps
+  }: React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement> & {
+    ref: React.RefObject<HTMLSpanElement>;
+  },
+) => <span className={cn(s.wrapper, className)} {...restProps} ref={ref} />
 
 Icon.displayName = 'BaichuanTextCn'
 

web/app/components/base/icons/src/image/llm/Minimax.tsx

@@ -5,10 +5,15 @@ import * as React from 'react'
 import cn from '@/utils/classnames'
 import s from './Minimax.module.css'
 
-const Icon = React.forwardRef<HTMLSpanElement, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>((
-  { className, ...restProps },
-  ref,
-) => <span className={cn(s.wrapper, className)} {...restProps} ref={ref} />)
+const Icon = (
+  {
+    ref,
+    className,
+    ...restProps
+  }: React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement> & {
+    ref: React.RefObject<HTMLSpanElement>;
+  },
+) => <span className={cn(s.wrapper, className)} {...restProps} ref={ref} />
 
 Icon.displayName = 'Minimax'
 

web/app/components/base/icons/src/image/llm/MinimaxText.tsx

@@ -5,10 +5,15 @@ import * as React from 'react'
 import cn from '@/utils/classnames'
 import s from './MinimaxText.module.css'
 
-const Icon = React.forwardRef<HTMLSpanElement, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>((
-  { className, ...restProps },
-  ref,
-) => <span className={cn(s.wrapper, className)} {...restProps} ref={ref} />)
+const Icon = (
+  {
+    ref,
+    className,
+    ...restProps
+  }: React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement> & {
+    ref: React.RefObject<HTMLSpanElement>;
+  },
+) => <span className={cn(s.wrapper, className)} {...restProps} ref={ref} />
 
 Icon.displayName = 'MinimaxText'
 

web/app/components/base/icons/src/image/llm/Tongyi.tsx

@@ -5,10 +5,15 @@ import * as React from 'react'
 import cn from '@/utils/classnames'
 import s from './Tongyi.module.css'
 
-const Icon = React.forwardRef<HTMLSpanElement, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>((
-  { className, ...restProps },
-  ref,
-) => <span className={cn(s.wrapper, className)} {...restProps} ref={ref} />)
+const Icon = (
+  {
+    ref,
+    className,
+    ...restProps
+  }: React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement> & {
+    ref: React.RefObject<HTMLSpanElement>;
+  },
+) => <span className={cn(s.wrapper, className)} {...restProps} ref={ref} />
 
 Icon.displayName = 'Tongyi'
 

web/app/components/base/icons/src/image/llm/TongyiText.tsx

@@ -5,10 +5,15 @@ import * as React from 'react'
 import cn from '@/utils/classnames'
 import s from './TongyiText.module.css'
 
-const Icon = React.forwardRef<HTMLSpanElement, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>((
-  { className, ...restProps },
-  ref,
-) => <span className={cn(s.wrapper, className)} {...restProps} ref={ref} />)
+const Icon = (
+  {
+    ref,
+    className,
+    ...restProps
+  }: React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement> & {
+    ref: React.RefObject<HTMLSpanElement>;
+  },
+) => <span className={cn(s.wrapper, className)} {...restProps} ref={ref} />
 
 Icon.displayName = 'TongyiText'
 

web/app/components/base/icons/src/image/llm/TongyiTextCn.tsx

@@ -5,10 +5,15 @@ import * as React from 'react'
 import cn from '@/utils/classnames'
 import s from './TongyiTextCn.module.css'
 
-const Icon = React.forwardRef<HTMLSpanElement, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>((
-  { className, ...restProps },
-  ref,
-) => <span className={cn(s.wrapper, className)} {...restProps} ref={ref} />)
+const Icon = (
+  {
+    ref,
+    className,
+    ...restProps
+  }: React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement> & {
+    ref: React.RefObject<HTMLSpanElement>;
+  },
+) => <span className={cn(s.wrapper, className)} {...restProps} ref={ref} />
 
 Icon.displayName = 'TongyiTextCn'
 

web/app/components/base/icons/src/image/llm/Wxyy.tsx

@@ -5,10 +5,15 @@ import * as React from 'react'
 import cn from '@/utils/classnames'
 import s from './Wxyy.module.css'
 
-const Icon = React.forwardRef<HTMLSpanElement, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>((
-  { className, ...restProps },
-  ref,
-) => <span className={cn(s.wrapper, className)} {...restProps} ref={ref} />)
+const Icon = (
+  {
+    ref,
+    className,
+    ...restProps
+  }: React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement> & {
+    ref: React.RefObject<HTMLSpanElement>;
+  },
+) => <span className={cn(s.wrapper, className)} {...restProps} ref={ref} />
 
 Icon.displayName = 'Wxyy'
 

web/app/components/base/icons/src/image/llm/WxyyText.tsx

@@ -5,10 +5,15 @@ import * as React from 'react'
 import cn from '@/utils/classnames'
 import s from './WxyyText.module.css'
 
-const Icon = React.forwardRef<HTMLSpanElement, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>((
-  { className, ...restProps },
-  ref,
-) => <span className={cn(s.wrapper, className)} {...restProps} ref={ref} />)
+const Icon = (
+  {
+    ref,
+    className,
+    ...restProps
+  }: React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement> & {
+    ref: React.RefObject<HTMLSpanElement>;
+  },
+) => <span className={cn(s.wrapper, className)} {...restProps} ref={ref} />
 
 Icon.displayName = 'WxyyText'
 

web/app/components/base/icons/src/image/llm/WxyyTextCn.tsx

@@ -5,10 +5,15 @@ import * as React from 'react'
 import cn from '@/utils/classnames'
 import s from './WxyyTextCn.module.css'
 
-const Icon = React.forwardRef<HTMLSpanElement, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>((
-  { className, ...restProps },
-  ref,
-) => <span className={cn(s.wrapper, className)} {...restProps} ref={ref} />)
+const Icon = (
+  {
+    ref,
+    className,
+    ...restProps
+  }: React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement> & {
+    ref: React.RefObject<HTMLSpanElement>;
+  },
+) => <span className={cn(s.wrapper, className)} {...restProps} ref={ref} />
 
 Icon.displayName = 'WxyyTextCn'
 

web/app/components/base/icons/src/public/avatar/Robot.tsx

@@ -6,10 +6,14 @@ import data from './Robot.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Robot'
 

web/app/components/base/icons/src/public/avatar/User.tsx

@@ -6,10 +6,14 @@ import data from './User.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'User'
 

web/app/components/base/icons/src/public/billing/ArCube1.tsx

@@ -6,10 +6,14 @@ import data from './ArCube1.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'ArCube1'
 

web/app/components/base/icons/src/public/billing/Asterisk.tsx

@@ -6,10 +6,14 @@ import data from './Asterisk.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Asterisk'
 

web/app/components/base/icons/src/public/billing/AwsMarketplace.tsx

@@ -6,10 +6,14 @@ import data from './AwsMarketplace.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'AwsMarketplace'
 

web/app/components/base/icons/src/public/billing/Azure.tsx

@@ -6,10 +6,14 @@ import data from './Azure.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Azure'
 

web/app/components/base/icons/src/public/billing/Buildings.tsx

@@ -6,10 +6,14 @@ import data from './Buildings.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Buildings'
 

web/app/components/base/icons/src/public/billing/Diamond.tsx

@@ -6,10 +6,14 @@ import data from './Diamond.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Diamond'
 

web/app/components/base/icons/src/public/billing/GoogleCloud.tsx

@@ -6,10 +6,14 @@ import data from './GoogleCloud.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'GoogleCloud'
 

web/app/components/base/icons/src/public/billing/Group2.tsx

@@ -6,10 +6,14 @@ import data from './Group2.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Group2'
 

web/app/components/base/icons/src/public/billing/Keyframe.tsx

@@ -6,10 +6,14 @@ import data from './Keyframe.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Keyframe'
 

web/app/components/base/icons/src/public/billing/Sparkles.tsx

@@ -6,10 +6,14 @@ import data from './Sparkles.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Sparkles'
 

web/app/components/base/icons/src/public/billing/SparklesSoft.tsx

@@ -6,10 +6,14 @@ import data from './SparklesSoft.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'SparklesSoft'
 

web/app/components/base/icons/src/public/common/D.tsx

@@ -6,10 +6,14 @@ import data from './D.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'D'
 

web/app/components/base/icons/src/public/common/DiagonalDividingLine.tsx

@@ -6,10 +6,14 @@ import data from './DiagonalDividingLine.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'DiagonalDividingLine'
 

web/app/components/base/icons/src/public/common/Dify.tsx

@@ -6,10 +6,14 @@ import data from './Dify.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Dify'
 

web/app/components/base/icons/src/public/common/Gdpr.tsx

@@ -6,10 +6,14 @@ import data from './Gdpr.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Gdpr'
 

web/app/components/base/icons/src/public/common/Github.tsx

@@ -6,10 +6,14 @@ import data from './Github.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Github'
 

web/app/components/base/icons/src/public/common/Highlight.tsx

@@ -6,10 +6,14 @@ import data from './Highlight.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Highlight'
 

web/app/components/base/icons/src/public/common/Iso.tsx

@@ -6,10 +6,14 @@ import data from './Iso.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Iso'
 

web/app/components/base/icons/src/public/common/Line3.tsx

@@ -6,10 +6,14 @@ import data from './Line3.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Line3'
 

web/app/components/base/icons/src/public/common/Lock.tsx

@@ -6,10 +6,14 @@ import data from './Lock.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Lock'
 

web/app/components/base/icons/src/public/common/MessageChatSquare.tsx

@@ -6,10 +6,14 @@ import data from './MessageChatSquare.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'MessageChatSquare'
 

web/app/components/base/icons/src/public/common/MultiPathRetrieval.tsx

@@ -6,10 +6,14 @@ import data from './MultiPathRetrieval.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'MultiPathRetrieval'
 

web/app/components/base/icons/src/public/common/NTo1Retrieval.tsx

@@ -6,10 +6,14 @@ import data from './NTo1Retrieval.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'NTo1Retrieval'
 

web/app/components/base/icons/src/public/common/Notion.tsx

@@ -6,10 +6,14 @@ import data from './Notion.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Notion'
 

web/app/components/base/icons/src/public/common/Soc2.tsx

@@ -6,10 +6,14 @@ import data from './Soc2.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Soc2'
 

web/app/components/base/icons/src/public/common/SparklesSoft.tsx

@@ -6,10 +6,14 @@ import data from './SparklesSoft.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'SparklesSoft'
 

web/app/components/base/icons/src/public/files/Csv.tsx

@@ -6,10 +6,14 @@ import data from './Csv.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Csv'
 

web/app/components/base/icons/src/public/files/Doc.tsx

@@ -6,10 +6,14 @@ import data from './Doc.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Doc'
 

web/app/components/base/icons/src/public/files/Docx.tsx

@@ -6,10 +6,14 @@ import data from './Docx.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Docx'
 

web/app/components/base/icons/src/public/files/Html.tsx

@@ -6,10 +6,14 @@ import data from './Html.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Html'
 

web/app/components/base/icons/src/public/files/Json.tsx

@@ -6,10 +6,14 @@ import data from './Json.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Json'
 

web/app/components/base/icons/src/public/files/Md.tsx

@@ -6,10 +6,14 @@ import data from './Md.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Md'
 

web/app/components/base/icons/src/public/files/Pdf.tsx

@@ -6,10 +6,14 @@ import data from './Pdf.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Pdf'
 

web/app/components/base/icons/src/public/files/Txt.tsx

@@ -6,10 +6,14 @@ import data from './Txt.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Txt'
 

web/app/components/base/icons/src/public/files/Unknown.tsx

@@ -6,10 +6,14 @@ import data from './Unknown.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Unknown'
 

web/app/components/base/icons/src/public/files/Xlsx.tsx

@@ -6,10 +6,14 @@ import data from './Xlsx.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Xlsx'
 

web/app/components/base/icons/src/public/files/Yaml.tsx

@@ -6,10 +6,14 @@ import data from './Yaml.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Yaml'
 

web/app/components/base/icons/src/public/knowledge/Chunk.tsx

@@ -6,10 +6,14 @@ import data from './Chunk.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Chunk'
 

web/app/components/base/icons/src/public/knowledge/Collapse.tsx

@@ -6,10 +6,14 @@ import data from './Collapse.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Collapse'
 

web/app/components/base/icons/src/public/knowledge/GeneralType.tsx

@@ -6,10 +6,14 @@ import data from './GeneralType.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'GeneralType'
 

web/app/components/base/icons/src/public/knowledge/LayoutRight2LineMod.tsx

@@ -6,10 +6,14 @@ import data from './LayoutRight2LineMod.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'LayoutRight2LineMod'
 

web/app/components/base/icons/src/public/knowledge/ParentChildType.tsx

@@ -6,10 +6,14 @@ import data from './ParentChildType.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'ParentChildType'
 

web/app/components/base/icons/src/public/knowledge/SelectionMod.tsx

@@ -6,10 +6,14 @@ import data from './SelectionMod.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'SelectionMod'
 

web/app/components/base/icons/src/public/llm/Anthropic.tsx

@@ -6,10 +6,14 @@ import data from './Anthropic.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Anthropic'
 

web/app/components/base/icons/src/public/llm/AnthropicDark.tsx

@@ -6,10 +6,14 @@ import data from './AnthropicDark.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'AnthropicDark'
 

web/app/components/base/icons/src/public/llm/AnthropicLight.tsx

@@ -6,10 +6,14 @@ import data from './AnthropicLight.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'AnthropicLight'
 

web/app/components/base/icons/src/public/llm/AnthropicText.tsx

@@ -6,10 +6,14 @@ import data from './AnthropicText.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'AnthropicText'
 

web/app/components/base/icons/src/public/llm/AzureOpenaiService.tsx

@@ -6,10 +6,14 @@ import data from './AzureOpenaiService.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'AzureOpenaiService'
 

web/app/components/base/icons/src/public/llm/AzureOpenaiServiceText.tsx

@@ -6,10 +6,14 @@ import data from './AzureOpenaiServiceText.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'AzureOpenaiServiceText'
 

web/app/components/base/icons/src/public/llm/Azureai.tsx

@@ -6,10 +6,14 @@ import data from './Azureai.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Azureai'
 

web/app/components/base/icons/src/public/llm/AzureaiText.tsx

@@ -6,10 +6,14 @@ import data from './AzureaiText.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'AzureaiText'
 

web/app/components/base/icons/src/public/llm/Baichuan.tsx

@@ -6,10 +6,14 @@ import data from './Baichuan.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Baichuan'
 

web/app/components/base/icons/src/public/llm/BaichuanText.tsx

@@ -6,10 +6,14 @@ import data from './BaichuanText.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'BaichuanText'
 

web/app/components/base/icons/src/public/llm/Chatglm.tsx

@@ -6,10 +6,14 @@ import data from './Chatglm.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Chatglm'
 

web/app/components/base/icons/src/public/llm/ChatglmText.tsx

@@ -6,10 +6,14 @@ import data from './ChatglmText.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'ChatglmText'
 

web/app/components/base/icons/src/public/llm/Cohere.tsx

@@ -6,10 +6,14 @@ import data from './Cohere.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Cohere'
 

web/app/components/base/icons/src/public/llm/CohereText.tsx

@@ -6,10 +6,14 @@ import data from './CohereText.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'CohereText'
 

web/app/components/base/icons/src/public/llm/Gpt3.tsx

@@ -6,10 +6,14 @@ import data from './Gpt3.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Gpt3'
 

web/app/components/base/icons/src/public/llm/Gpt4.tsx

@@ -6,10 +6,14 @@ import data from './Gpt4.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Gpt4'
 

web/app/components/base/icons/src/public/llm/Huggingface.tsx

@@ -6,10 +6,14 @@ import data from './Huggingface.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Huggingface'
 

web/app/components/base/icons/src/public/llm/HuggingfaceText.tsx

@@ -6,10 +6,14 @@ import data from './HuggingfaceText.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'HuggingfaceText'
 

web/app/components/base/icons/src/public/llm/HuggingfaceTextHub.tsx

@@ -6,10 +6,14 @@ import data from './HuggingfaceTextHub.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'HuggingfaceTextHub'
 

web/app/components/base/icons/src/public/llm/IflytekSpark.tsx

@@ -6,10 +6,14 @@ import data from './IflytekSpark.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'IflytekSpark'
 

web/app/components/base/icons/src/public/llm/IflytekSparkText.tsx

@@ -6,10 +6,14 @@ import data from './IflytekSparkText.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'IflytekSparkText'
 

web/app/components/base/icons/src/public/llm/IflytekSparkTextCn.tsx

@@ -6,10 +6,14 @@ import data from './IflytekSparkTextCn.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'IflytekSparkTextCn'
 

web/app/components/base/icons/src/public/llm/Jina.tsx

@@ -6,10 +6,14 @@ import data from './Jina.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Jina'
 

web/app/components/base/icons/src/public/llm/JinaText.tsx

@@ -6,10 +6,14 @@ import data from './JinaText.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'JinaText'
 

web/app/components/base/icons/src/public/llm/Localai.tsx

@@ -6,10 +6,14 @@ import data from './Localai.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Localai'
 

web/app/components/base/icons/src/public/llm/LocalaiText.tsx

@@ -6,10 +6,14 @@ import data from './LocalaiText.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'LocalaiText'
 

web/app/components/base/icons/src/public/llm/Microsoft.tsx

@@ -6,10 +6,14 @@ import data from './Microsoft.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Microsoft'
 

web/app/components/base/icons/src/public/llm/OpenaiBlack.tsx

@@ -6,10 +6,14 @@ import data from './OpenaiBlack.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'OpenaiBlack'
 

web/app/components/base/icons/src/public/llm/OpenaiBlue.tsx

@@ -6,10 +6,14 @@ import data from './OpenaiBlue.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'OpenaiBlue'
 

web/app/components/base/icons/src/public/llm/OpenaiGreen.tsx

@@ -6,10 +6,14 @@ import data from './OpenaiGreen.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'OpenaiGreen'
 

web/app/components/base/icons/src/public/llm/OpenaiText.tsx

@@ -6,10 +6,14 @@ import data from './OpenaiText.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'OpenaiText'
 

web/app/components/base/icons/src/public/llm/OpenaiTransparent.tsx

@@ -6,10 +6,14 @@ import data from './OpenaiTransparent.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'OpenaiTransparent'
 

web/app/components/base/icons/src/public/llm/OpenaiViolet.tsx

@@ -6,10 +6,14 @@ import data from './OpenaiViolet.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'OpenaiViolet'
 

web/app/components/base/icons/src/public/llm/Openllm.tsx

@@ -6,10 +6,14 @@ import data from './Openllm.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Openllm'
 

web/app/components/base/icons/src/public/llm/OpenllmText.tsx

@@ -6,10 +6,14 @@ import data from './OpenllmText.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'OpenllmText'
 

web/app/components/base/icons/src/public/llm/Replicate.tsx

@@ -6,10 +6,14 @@ import data from './Replicate.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Replicate'
 

web/app/components/base/icons/src/public/llm/ReplicateText.tsx

@@ -6,10 +6,14 @@ import data from './ReplicateText.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'ReplicateText'
 

web/app/components/base/icons/src/public/llm/XorbitsInference.tsx

@@ -6,10 +6,14 @@ import data from './XorbitsInference.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'XorbitsInference'