Masked View Error in React Native Why it is happening again and again i need solution coders

import React from 'react';
import { View, Text, StyleSheet } from 'react-native';
import { createNativeStackNavigator } from '@react-navigation/native-stack';
import { NavigationContainer } from '@react-navigation/native';
import { createStackNavigator } from '@react-navigation/stack';
import HomeScreen from './HomeScreen';

const Stack = createNativeStackNavigator();

function App() {
    return(
        <NavigationContainer>
            <Stack.Navigator>
                <Stack.Screen name = "Home" component={HomeScreen}/>
            </Stack.Navigator>
        </NavigationContainer>
    )
}
export default App;

Unable to resolve module @react-native-masked-view/masked-view from D:\React Native\SDR-Project\node_modules@react-navigation\elements\src\MaskedViewNative.tsx: @react-native-masked-view/masked-view could not be found within the project.

If you are sure the module exists, try these steps:

1. Clear watchman watches: watchman watch-del-all
2. Delete node_modules and run yarn install
3. Reset Metro's cache: yarn start --reset-cache
4. Remove the cache: rm -rf /tmp/metro-* 6 | 7 | type MaskedViewType =

8 | typeof import('@react-native-masked-view/masked-view').default; | ^ 9 | 10 | type Props = React.ComponentProps & { 11 | children: React.ReactElement;

enter image description here