Using JEST with react-native-elements - mockModal is not a function

The code below works fine if I use <Text> from react-native. If I use the react-native-elements version, I get the following error message.

Code:

import React from "react";
import { render } from "@testing-library/react-native"
import { test } from "@jest/globals"

// import { Text, } from "react-native";
// Using the following statement, instead of the above causes an error!!??
import { Text } from "react-native-elements"; 

const Example = () => {
  	return <Text>Submit</Text>;
};

test("renders correctly", async () => {
  const { getByText } = render(<Example />, ); 
  getByText(/submit/i); 
}) 

1st Error:

  ● Test suite failed to run

    Jest encountered an unexpected token
    Jest failed to parse a file. This happens e.g. when your code or its dependencies use non-standard JavaScript syntax, or when Jest is not configured to support such syntax.
    Out of the box Jest supports Babel, which will be used to transform your files into valid JS based on your Babel configuration.
    By default "node_modules" folder is ignored by transformers.
    Here's what you can do:
...
...
    Details:
    C:\react\testingLibrary\node_modules\react-native-elements\dist\index.js:6
    import Button from './buttons/Button';
    ^^^^^^

    SyntaxError: Cannot use import statement outside a module

To fix the error above, I added the following line to the jest.config.js file.

transformIgnorePatterns: ['node_modules/(?!(jest-)?@react-native|react-native|react-native-elements/*)',],

This got rid of the error above. However, now, I am getting the following error message.

  ● Test suite failed to run

    TypeError: mockModal is not a function

      at node_modules/react-native/jest/setup.js:116:12
      at Object.<anonymous> (node_modules/react-native/jest/mockModal.js:16:15)
      at node_modules/react-native/jest/setup.js:115:28

How can I fix this error?

My Environment:

software	version
react-native	0.67.0
react-native-elements	3.4.2
@testing-library/jest-native	4.0.4
@testing-library/react-native	9.0.0
jest	27.4.7
metro-react-native-babel-preset	0.66.2
react-test-renderer	17.0.2
@babel/core	7.16.7
@babel/runtime	7.16.7
babel-jest	27.4.6

Update:

The problem could be temporarily fixed by downgrading react-native to 0.66.4

[eliw00d]

Turns out this is actually a regression in 0.67.x and a workaround has been provided there that solves it without the need to upgrade to 4.0.0.beta-0 for me: https://github.com/facebook/react-native/issues/32939#issuecomment-1018660604

[eliw00d]

I can confirm the same thing after upgrading to 0.67.1. The same tests passed with 0.66.4.