🐛 fix(types): Checking

packages/ui/.eslintrc.js

@@ -1,13 +0,0 @@
-/** @type {import("eslint").Linter.Config} */
-module.exports = {
-  root: true,
-  extends: ['@repo/eslint-config/react-internal.js'],
-  parser: '@typescript-eslint/parser',
-  // parserOptions: {
-  //   project: './tsconfig.lint.json',
-  // },
-  rules: {
-    'no-redeclare': 'off',
-    'no-unused-vars': 'off',
-  },
-};

packages/ui/eslint.config.js

@@ -0,0 +1,23 @@
+import { config } from '@repo/eslint-config/react-internal';
+
+/** @type {import("eslint").Linter.Config} */
+export default [
+  ...config,
+  {
+    rules: {
+      '@typescript-eslint/no-explicit-any': 'off',
+      '@typescript-eslint/ban-ts-comment': 'off',
+      '@typescript-eslint/no-unused-vars': 'off',
+      '@typescript-eslint/no-unsafe-function-type': 'off',
+      '@typescript-eslint/no-unused-expressions': 'off',
+      '@typescript-eslint/no-explicit-any': 'off',
+      'react/prop-types': 'off',
+      'react/no-unknown-property': 'off',
+      'react-hooks/exhaustive-deps': 'off',
+      'react/jsx-no-target-blank': 'off',
+      'prefer-const': 'off',
+      'no-var': 'off',
+      'no-dupe-keys': 'off',
+    },
+  },
+];

packages/ui/package.json

@@ -16,15 +16,15 @@
   },
   "dependencies": {
     "@monaco-editor/react": "^4.6.0",
-    "@radix-ui/react-icons": "^1.3.1",
+    "@radix-ui/react-icons": "^1.3.2",
     "@shadcn/ui": "workspace:*",
     "@tanstack/react-table": "^8.20.5",
     "@types/react-syntax-highlighter": "^15.5.13",
     "ahooks": "^3.8.1",
     "katex": "^0.16.11",
     "lottie-react": "^2.4.0",
-    "lucide-react": "^0.456.0",
-    "mathjs": "^13.2.2",
+    "lucide-react": "^0.461.0",
+    "mathjs": "^14.0.0",
     "react": "^18.3.1",
     "react-markdown": "^9.0.1",
     "react-syntax-highlighter": "^15.6.1",
@@ -37,14 +37,15 @@
   "devDependencies": {
     "@repo/eslint-config": "workspace:*",
     "@repo/typescript-config": "workspace:*",
-    "@turbo/gen": "^2.2.3",
-    "@types/node": "^22.9.0",
+    "@turbo/gen": "^2.3.2",
+    "@types/node": "^22.10.0",
     "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",
     "autoprefixer": "^10.4.20",
+    "next": "^15.0.3",
     "postcss": "^8.4.49",
     "react": "^18.3.1",
-    "tailwindcss": "^3.4.14",
-    "typescript": "^5.6.3"
+    "tailwindcss": "^3.4.15",
+    "typescript": "^5.7.2"
   }
 }

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} />;

packages/ui/tsconfig.lint.json

@@ -1,10 +0,0 @@
-{
-  "compilerOptions": {
-    "outDir": "dist",
-    "module": "ESNext",
-    "moduleResolution": "Bundler"
-  },
-  "exclude": ["node_modules", "dist"],
-  "extends": "@repo/typescript-config/react-library.json",
-  "include": ["src", "turbo", "*.mjs", "*.ts"]
-}