🐛 fix(types): Checking

packages/ui/src/editor/monaco-editor.tsx

@@ -1,11 +1,13 @@
 'use client';
 
-import Editor, { OnMount } from '@monaco-editor/react';
+import { type OnMount } from '@monaco-editor/react';
 import { Button } from '@shadcn/ui/button';
 import { cn } from '@shadcn/ui/lib/utils';
 import { useSize } from 'ahooks';
 import { EyeIcon, EyeOff, FullscreenIcon, MinimizeIcon } from 'lucide-react';
+import dynamic from 'next/dynamic';
 import { useRef, useState } from 'react';
+const Editor = dynamic(() => import('@monaco-editor/react'), { ssr: false });
 
 export interface MonacoEditorProps {
   value?: string;

packages/ui/src/enhanced-input.tsx

@@ -71,7 +71,10 @@ export function EnhancedInput({
   };
 
   return (
-    <div className={cn('border-input flex w-full items-center rounded-md border', className)}>
+    <div
+      className={cn('border-input flex w-full items-center rounded-md border', className)}
+      suppressHydrationWarning
+    >
       {prefix && <div className='bg-muted mr-px flex h-9 items-center px-3'>{prefix}</div>}
       <Input
         {...props}

packages/ui/src/lotties/index.tsx

@@ -1,6 +1,7 @@
 'use client';
 
-import Lottie, { LottieComponentProps } from 'lottie-react';
+import { type LottieComponentProps } from 'lottie-react';
+import dynamic from 'next/dynamic';
 import gift from './gift.json';
 import globalMap from './global-map.json';
 import loading from './loading.json';
@@ -12,6 +13,7 @@ import rocket from './rocket.json';
 import servers from './servers.json';
 import sun from './sun.json';
 import users from './users.json';
+const Lottie = dynamic(() => import('lottie-react'), { ssr: false });
 
 export function RocketLoadingIcon(props: Omit<LottieComponentProps, 'animationData'>) {
   return <Lottie {...props} loop animationData={rocket} />;