fix(docs): typecheck issues

heroui-inc · Nov 29, 2024 · daad8a8 · daad8a8
1 parent 64da403
commit daad8a8
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 7 deletions.
diff --git a/apps/docs/content/components/modal/overflow.raw.tsx b/apps/docs/content/components/modal/overflow.raw.tsx
@@ -1,3 +1,4 @@
+import React from "react";
 import {
   Modal,
   ModalContent,
@@ -14,7 +15,7 @@ import {
 export default function App() {
   const {isOpen, onOpen, onOpenChange} = useDisclosure();
   const [scrollBehavior, setScrollBehavior] =
-    React.useState < ModalProps["scrollBehavior"] > "inside";
+    React.useState<ModalProps["scrollBehavior"]>("inside");
 
   return (
     <div className="flex flex-col gap-2">
@@ -23,7 +24,7 @@ export default function App() {
         label="Select scroll behavior"
         orientation="horizontal"
         value={scrollBehavior}
-        onValueChange={setScrollBehavior}
+        onValueChange={(v) => setScrollBehavior(v as ModalProps["scrollBehavior"])}
       >
         <Radio value="inside">inside</Radio>
         <Radio value="outside">outside</Radio>

diff --git a/apps/docs/content/components/range-calendar/invalid-date.raw.tsx b/apps/docs/content/components/range-calendar/invalid-date.raw.tsx
@@ -12,7 +12,7 @@ export default function App() {
     end: today(getLocalTimeZone()).add({weeks: 1}),
   });
   let {locale} = useLocale();
-  let isInvalid = isWeekend(date?.start, locale) || isWeekend(date?.end, locale);
+  let isInvalid = isWeekend(date!.start, locale) || isWeekend(date!.end, locale);
 
   return (
     <RangeCalendar

diff --git a/apps/docs/content/components/select/custom-render-value.raw.tsx b/apps/docs/content/components/select/custom-render-value.raw.tsx
@@ -230,14 +230,14 @@ export default function App() {
         return items.map((item) => (
           <div key={item.key} className="flex items-center gap-2">
             <Avatar
-              alt={item.data.name}
+              alt={item.data?.name}
               className="flex-shrink-0"
               size="sm"
-              src={item.data.avatar}
+              src={item.data?.avatar}
             />
             <div className="flex flex-col">
-              <span>{item.data.name}</span>
-              <span className="text-default-500 text-tiny">({item.data.email})</span>
+              <span>{item.data?.name}</span>
+              <span className="text-default-500 text-tiny">({item.data?.email})</span>
             </div>
           </div>
         ));