react-native-molecules 0.5.0-beta.30 → 0.5.0-beta.31

package/components/Slot/Slot.tsx

@@ -211,28 +211,8 @@ function mergeProps(slotProps: AnyProps, childProps: AnyProps) {
     return { ...slotProps, ...overrideProps };
 }
 
-// Before React 19 accessing `element.props.ref` will throw a warning and suggest using `element.ref`
-// After React 19 accessing `element.ref` does the opposite.
-// https://github.com/facebook/react/pull/28348
-//
-// Access the ref using the method that doesn't yield a warning.
 function getElementRef(element: React.ReactElement) {
-    // React <=18 in DEV
-    let getter = Object.getOwnPropertyDescriptor(element.props, 'ref')?.get;
-    let mayWarn = getter && 'isReactWarning' in getter && getter.isReactWarning;
-    if (mayWarn) {
-        return (element as any).ref;
-    }
-
-    // React 19 in DEV
-    getter = Object.getOwnPropertyDescriptor(element, 'ref')?.get;
-    mayWarn = getter && 'isReactWarning' in getter && getter.isReactWarning;
-    if (mayWarn) {
-        return (element.props as { ref?: React.Ref<unknown> }).ref;
-    }
-
-    // Not DEV
-    return (element.props as { ref?: React.Ref<unknown> }).ref || (element as any).ref;
+    return (element.props as { ref?: React.Ref<unknown> }).ref;
 }
 
 export {

package/components/Tooltip/TooltipTrigger.tsx

@@ -22,13 +22,10 @@ const TooltipTrigger = memo(({ children }: { children: ReactElement }) => {
     const isWeb = Platform.OS === 'web';
     const { onOpen, onClose, triggerRef } = useContext(TooltipContext);
     const { hovered, actionsRef } = useActionState({ ref: triggerRef, actionsToListen: ['hover'] });
+    const childRef = (children.props as { ref?: RefAttributes<any>['ref'] }).ref;
 
     // this will make sure children's ref is not overwritten by the triggerRef
-    useImperativeHandle(
-        // @ts-ignore
-        (children as ReactElement & RefAttributes<any>)?.ref,
-        () => triggerRef?.current,
-    );
+    useImperativeHandle(childRef, () => triggerRef?.current);
 
     const onLongPress = useCallback(
         (e: unknown) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-molecules",
-  "version": "0.5.0-beta.30",
+  "version": "0.5.0-beta.31",
   "author": "Thet Aung <thetaung.dev@gmail.com>",
   "license": "MIT",
   "main": "index.ts",
@@ -42,7 +42,7 @@
   },
   "peerDependencies": {
     "@react-native-documents/picker": "^10.1.2",
-    "react": "19.1.0",
+    "react": ">=19",
     "react-native": "0.81.4",
     "react-native-svg": ">=12.1.0",
     "react-native-unistyles": "^3.0.22",