fix console errors

pluralsh · Jan 6, 2025 · ef21cf4 · ef21cf4
1 parent 44d3c60
commit ef21cf4
Show file tree

Hide file tree

Showing 5 changed files with 12 additions and 12 deletions.
diff --git a/src/components/ArrowScroll.tsx b/src/components/ArrowScroll.tsx
@@ -116,11 +116,11 @@ function ArrowScroll({ children, ...props }: { children?: any }) {
         onScroll: checkScroll,
         ref: (node: HTMLElement) => {
           containerRef.current = node
-          if (children.ref) {
-            if (typeof children.ref === 'function') {
-              children.ref(node)
-            } else if (children.ref) {
-              children.ref.current = node
+          if (children?.props?.ref) {
+            if (typeof children.props.ref === 'function') {
+              children.props.ref(node)
+            } else if (children.props.ref) {
+              children.props.ref.current = node
             }
           }
         },

diff --git a/src/components/Highlight.tsx b/src/components/Highlight.tsx
@@ -1,5 +1,6 @@
 import {
   type ComponentPropsWithoutRef,
+  type RefObject,
   useEffect,
   useMemo,
   useRef,
@@ -151,7 +152,7 @@ type HighlightProps = Omit<ComponentPropsWithoutRef<'pre'>, 'children'> & {
   language?: string
   showLineNumbers?: boolean
   children: string
-  ref?: React.Ref<any>
+  ref?: RefObject<HTMLDivElement>
 }
 
 function Highlight({

diff --git a/src/components/ListBox.tsx b/src/components/ListBox.tsx
@@ -289,7 +289,7 @@ function Option({ item, state }: any) {
     focused: isFocused,
     labelProps,
     descriptionProps,
-    ref: mergeRefs([ref, item.rendered.ref]),
+    ref: mergeRefs([ref, item?.rendered?.props?.ref]),
   })
 
   return cloneElement(item.rendered, mergedProps)

diff --git a/src/components/TabPanel.tsx b/src/components/TabPanel.tsx
@@ -4,7 +4,6 @@ import {
   type ComponentProps,
   type ReactElement,
   type Ref,
-  type RefObject,
   cloneElement,
   useCallback,
   useEffect,
@@ -40,7 +39,7 @@ type Mode = 'multipanel' | 'singlepanel'
 export type WrappedTabPanelProps = DivProps & {
   stateRef: TabStateRef
   renderer?: Renderer
-  as: ReactElement<any> & { ref?: RefObject<any> }
+  as: ReactElement<any>
   mode?: Mode
   tabKey?: Key
 }
@@ -112,7 +111,7 @@ function WrappedTabPanel({
 
   return (
     <TabPanelClone
-      tabRef={mergeRefs(as.ref, ref)}
+      tabRef={mergeRefs(as.props?.ref, ref)}
       cloneAs={as}
       {...mergedProps}
     />
@@ -180,7 +179,7 @@ function TabPanel({
 
   return (
     <TabPanelClone
-      tabRef={as.ref}
+      tabRef={as.props?.ref}
       cloneAs={as}
     >
       {props.children}

diff --git a/src/components/Tooltip.tsx b/src/components/Tooltip.tsx
@@ -163,7 +163,7 @@ function Tooltip({
 
   // Preserve the consumer's ref
   const childrenRef = useMemo(
-    () => mergeRefs([reference, (children as any).ref]),
+    () => mergeRefs([reference, children.props?.ref]),
     [reference, children]
   )