Forward references components being wrapped

stackbuilders · Jan 9, 2025 · b96c043 · b96c043
1 parent edca06d
commit b96c043
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/package/src/lib/components/attach-step/AttachStep.component.tsx b/package/src/lib/components/attach-step/AttachStep.component.tsx
@@ -8,6 +8,7 @@ import React, {
   useEffect,
   useRef,
 } from "react";
+import { isForwardRef } from "react-is";
 import { LayoutChangeEvent, StyleProp, View } from "react-native";
 
 import { SpotlightTourContext } from "../../SpotlightTour.context";
@@ -88,7 +89,7 @@ export function AttachStep<T>({ children, fill = false, index }: AttachStepProps
     updateSpot();
   }, [updateSpot]);
 
-  if (typeof children.type === "function") {
+  if (typeof children.type === "function" || isForwardRef(children)) {
     const { style, ...rest } = children.props;
     const childStyle = style ?? { };