React Native render error Value is undefined expected a object

So I dont know why I am getting this weird error and I am unable to find any solution for it so plz help with me

Error

Code

import React, { useRef, useState } from 'react'  2 import Animated, { Easing, useAnimatedProps } from 'react-native-reanimated'  3 import { Path, PathProps } from 'react-native-svg'  4  5 interface AnimatedStrokeProps extends PathProps {  6   progress: Animated.SharedValue<number>  7 }  8  9 const AnimatedPath = Animated.createAnimatedComponent(Path) 10 11 const AnimatedStroke = ({ progress, ...pathProps }: AnimatedStrokeProps) => { 12   const [length, setLength] = useState(0) 13   const ref = useRef<typeof AnimatedPath>(null) 14   const animatedProps = useAnimatedProps(() => ({ 15     strokeDashoffset: Math.max( 16       0, 17       length - length * Easing.bezier(0.37, 0, 0.63, 1)(progress.value) - 0.1 18     ) 19   })) 20 21   return ( 22     <AnimatedPath 23       animatedProps={animatedProps} 24       // @ts-ignore 25       onLayout={() => setLength(ref.current!.getTotalLength())} 26       // @ts-ignore 27       ref={ref} 28       strokeDasharray={length} 29       {...pathProps} 30     /> 31   ) 32 } 33 34 export default AnimatedStroke

So plz help me out i rlly rlly need help in it.