Cannot find module 'react-test-renderer' from 'node_modules/@testing-library/react-native/build/act.js'

[HabaAndrei]

I installed:

 npm install -D @testing-library/react-native 
npm install -D eslint-plugin-testing-library

I did all the requirements from https://callstack.github.io/react-native-testing-library/docs/start/quick-start

package.json:
{
  "name": "expo_app",
  "version": "1.0.0",
  "main": "expo/AppEntry.js",
  "scripts": {
    "start": "expo start",
    "android": "expo run:android",
    "ios": "expo run:ios",
    "web": "expo start --web",
    "test": "jest"
  },
  "jest": {
    "preset": "react-native"
  },
  "dependencies": {
    "@expo/metro-runtime": "^4.0.1",
    "@gluestack-style/react": "^1.0.57",
    "@gluestack-ui/config": "^1.1.20",
    "@gluestack-ui/themed": "^1.1.50",
    "@react-native-async-storage/async-storage": "^1.23.1",
    "@react-native-community/datetimepicker": "^8.2.0",
    "@react-native-firebase/app": "^21.6.1",
    "@react-native-firebase/messaging": "^21.6.1",
    "@react-navigation/native": "^6.1.18",
    "@react-navigation/native-stack": "^6.11.0",
    "@rneui/base": "^0.0.0-edge.2",
    "@rneui/themed": "^0.0.0-edge.2",
    "@types/react": "~18.3.12",
    "axios": "^1.7.7",
    "babel-plugin-inline-dotenv": "^1.7.0",
    "babel-preset-expo": "~12.0.0",
    "expo": "^52.0.37",
    "expo-constants": "^17.0.7",
    "expo-device": "^7.0.2",
    "expo-file-system": "^18.0.11",
    "expo-modules-core": "^2.2.2",
    "expo-notifications": "^0.29.13",
    "expo-status-bar": "~2.0.1",
    "expo-updates": "^0.27.1",
    "firebase": "^10.3.0",
    "fuse.js": "^7.0.0",
    "metro-react-native-babel-preset": "^0.77.0",
    "native-base": "^3.4.28",
    "normalize-css-color": "^1.0.2",
    "openai": "^4.58.1",
    "react": "^18.3.1",
    "react-dom": "^18.3.1",
    "react-native": "^0.76.7",
    "react-native-calendars": "^1.1306.0",
    "react-native-css-interop": "^0.0.0-20240828112338",
    "react-native-date-picker": "^5.0.7",
    "react-native-dotenv": "^3.4.11",
    "react-native-elements": "^3.4.3",
    "react-native-file-access": "^3.1.0",
    "react-native-modal-datetime-picker": "^18.0.0",
    "react-native-open-maps": "^0.4.3",
    "react-native-safe-area-context": "^4.12.0",
    "react-native-screens": "^4.4.0",
    "react-native-svg": "^15.8.0",
    "react-native-uuid": "^2.0.2",
    "react-native-vector-icons": "^10.1.0",
    "react-native-web": "^0.19.13",
    "twrnc": "^4.5.1",
    "typescript": "~5.3.3",
    "undefined": "@/components/icon"
  },
  "devDependencies": {
    "@babel/core": "^7.20.0",
    "@eslint/js": "^9.21.0",
    "@testing-library/dom": "^10.4.0",
    "@testing-library/react": "^16.2.0",
    "@testing-library/react-native": "^13.1.0",
    "eslint": "^9.21.0",
    "eslint-plugin-react": "^7.37.4",
    "eslint-plugin-testing-library": "^7.1.1",
    "globals": "^16.0.0",
    "react-native-paper": "^5.12.5",
    "react-native-reanimated": "~3.16.1",
    "tailwindcss": "^3.4.10"
  },
  "private": true
}

I have a simple file Ok.js

import { StyleSheet, Text, View } from 'react-native'
import React from 'react'

const Ok = () => {
  return (
    <View>
      <Text>Ok</Text>
    </View>
  )
}

export default Ok

const styles = StyleSheet.create({})

tests/Ok-test.js

import React from 'react';
import { render, screen, userEvent } from '@testing-library/react-native';
import Ok from '../Ok';

test('basic test', () => {
  const a  = 10
  expect(a).toBe(10);
});

and when i run npm test i got this error :

 FAIL  __tests__/Ok-test.js
  ● Test suite failed to run

    Cannot find module 'react-test-renderer' from 'node_modules/@testing-library/react-native/build/act.js'

    Require stack:
      node_modules/@testing-library/react-native/build/act.js
      node_modules/@testing-library/react-native/build/index.js
      __tests__/Ok-test.js

      1 | import React from 'react';
    > 2 | import { render, screen, userEvent } from '@testing-library/react-native';

I also tried to remove cache, node_modules and package-lock.json and didn t work