fix: pro build

wangdicoder · wangdicoder · commit 2446215a7268 · 2026-04-10T11:29:01.000+10:00
diff --git a/apps/pro/src/app/globals.scss b/apps/pro/src/app/globals.scss
@@ -1,6 +1,13 @@
 @use '@tiny-design/tokens/scss/base' as *;
 @use 'style/component' as *;
 
+:root {
+  --font-heading:
+    'Avenir Next', avenir, montserrat, 'Segoe UI', 'Helvetica Neue', arial, sans-serif;
+  --font-body:
+    'Aptos', 'Avenir Next', 'Segoe UI', inter, roboto, 'Helvetica Neue', arial, sans-serif;
+}
+
 *,
 *::before,
 *::after {
diff --git a/apps/pro/src/app/layout.tsx b/apps/pro/src/app/layout.tsx
@@ -1,31 +1,16 @@
 import type { Metadata } from 'next';
-import { Bricolage_Grotesque, DM_Sans } from 'next/font/google';
 import { ThemeScript } from '../components/theme-script';
 import { SiteHeader } from '../components/layout/site-header';
 import './globals.scss';
 
-const heading = Bricolage_Grotesque({
-  subsets: ['latin'],
-  variable: '--font-heading',
-  display: 'swap',
-  weight: ['400', '500', '600', '700', '800'],
-});
-
-const body = DM_Sans({
-  subsets: ['latin'],
-  variable: '--font-body',
-  display: 'swap',
-  weight: ['400', '500', '600', '700'],
-});
-
 export const metadata: Metadata = {
   title: 'Tiny Design Pro',
   description: 'Beautiful, ready-to-use UI blocks built with Tiny Design components.',
 };
 
 export default function RootLayout({ children }: { children: React.ReactNode }) {
   return (
-    <html lang="en" className={`${heading.variable} ${body.variable}`} suppressHydrationWarning>
+    <html lang="en" suppressHydrationWarning>
       <body>
         <ThemeScript />
         <SiteHeader />
diff --git a/packages/react/src/input/input-group.tsx b/packages/react/src/input/input-group.tsx
@@ -21,7 +21,11 @@ const InputGroup = (props: InputGroupProps): React.ReactElement => {
 
   return (
     <div {...otherProps} className={cls}>
-      {React.Children.map(children, (child: React.ReactElement) => {
+      {React.Children.map(children, (child) => {
+        if (!React.isValidElement(child)) {
+          return child;
+        }
+
         const childProps: Partial<InputProps> = {
           disabled,
           size: inputSize as SizeType,
diff --git a/packages/react/src/textarea/textarea.tsx b/packages/react/src/textarea/textarea.tsx
@@ -34,7 +34,7 @@ const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>((props, ref) =>
     [`${prefixCls}_disabled`]: disabled,
   });
   const [count, setCount] = useState(0);
-  const containerRef = useRef<HTMLDivElement>(null);
+  const containerRef = useRef<HTMLDivElement | null>(null);
   const minHeightRef = useRef<number | null>(null);
 
   const textareaOnChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {
