Updated React imports (#629)

Co-authored-by: Michał Parkitny <michal.parkitny@callstack.com>

Author: suezzo

examples/reactnavigation/src/AppNavigator.js

@@ -1,5 +1,5 @@
 import 'react-native-gesture-handler';
-import React from 'react';
+import * as React from 'react';
 import { createStackNavigator } from '@react-navigation/stack';
 
 import HomeScreen from './screens/HomeScreen';

examples/reactnavigation/src/__tests__/AppNavigator.test.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { NavigationContainer } from '@react-navigation/native';
 import { render, fireEvent } from '@testing-library/react-native';
 

examples/reactnavigation/src/screens/DetailsScreen.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { Text, StyleSheet, View } from 'react-native';
 
 export default function DetailsScreen(props) {

examples/reactnavigation/src/screens/HomeScreen.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import {
   Text,
   View,

examples/redux/App.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { StyleSheet, View, StatusBar } from 'react-native';
 import { Provider } from 'react-redux';
 import configureStore from './store';

examples/redux/components/AddTodo.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { Button, StyleSheet, Text, View, TextInput } from 'react-native';
 import { bindActionCreators } from 'redux';
 import { connect } from 'react-redux';

examples/redux/components/AddTodo.test.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { Provider } from 'react-redux';
 import { fireEvent, render } from '@testing-library/react-native';
 import configureStore from '../store';

examples/redux/components/TodoElem.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { StyleSheet, Button, Text, View } from 'react-native';
 
 export default function TodoElem({ todo, onDelete }) {

examples/redux/components/TodoList.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { FlatList, Text } from 'react-native';
 import { connect } from 'react-redux';
 import { bindActionCreators } from 'redux';

examples/redux/components/TodoList.test.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { Provider } from 'react-redux';
 import { fireEvent, render } from '@testing-library/react-native';
 import configureStore from '../store';

src/__tests__/a11yAPI.test.js

@@ -1,5 +1,5 @@
 // @flow
-import React from 'react';
+import * as React from 'react';
 import { TouchableOpacity, Text } from 'react-native';
 import { render } from '..';
 

src/__tests__/act.test.js

@@ -1,5 +1,5 @@
 // @flow
-import React from 'react';
+import * as React from 'react';
 import { Text } from 'react-native';
 import ReactTestRenderer from 'react-test-renderer';
 import act from '../act';

src/__tests__/auto-cleanup-skip.test.js

@@ -1,5 +1,5 @@
 // @flow
-import React from 'react';
+import * as React from 'react';
 import { View } from 'react-native';
 
 let render;

src/__tests__/auto-cleanup.test.js

@@ -1,5 +1,5 @@
 // @flow
-import React from 'react';
+import * as React from 'react';
 import { View } from 'react-native';
 import { render } from '..';
 

src/__tests__/cleanup.test.js

@@ -1,6 +1,6 @@
 // @flow
 /* eslint-disable react/no-multi-comp */
-import React from 'react';
+import * as React from 'react';
 import { View } from 'react-native';
 import { cleanup, render } from '../pure';
 

src/__tests__/findByApi.test.js

@@ -1,5 +1,5 @@
 // @flow
-import React from 'react';
+import * as React from 'react';
 import { View, Text, TextInput } from 'react-native';
 import { render } from '..';
 

src/__tests__/fireEvent.test.js

@@ -1,5 +1,5 @@
 // @flow
-import React from 'react';
+import * as React from 'react';
 import {
   View,
   TouchableOpacity,

src/__tests__/getByApi.test.js

@@ -1,5 +1,5 @@
 // @flow
-import React from 'react';
+import * as React from 'react';
 import { View, Text, TextInput, Button } from 'react-native';
 import { render } from '..';
 

src/__tests__/jest-native.test.js

@@ -1,5 +1,5 @@
 // @flow
-import React from 'react';
+import * as React from 'react';
 import { StyleSheet, View, Button, Text, TextInput } from 'react-native';
 import { render } from '..';
 import '@testing-library/jest-native/extend-expect';

src/__tests__/queryByApi.test.js

@@ -1,5 +1,5 @@
 // @flow
-import React from 'react';
+import * as React from 'react';
 import { Text, Image } from 'react-native';
 import { render } from '..';
 

src/__tests__/questionsBoard.test.js

@@ -1,5 +1,5 @@
 // @flow
-import React from 'react';
+import * as React from 'react';
 import {
   View,
   TouchableOpacity,

src/__tests__/render.test.js

@@ -1,5 +1,5 @@
 // @flow
-import React from 'react';
+import * as React from 'react';
 import {
   View,
   Text,

src/__tests__/waitFor.test.js

@@ -1,5 +1,5 @@
 // @flow
-import React from 'react';
+import * as React from 'react';
 import { View, Text, TouchableOpacity } from 'react-native';
 import { render, fireEvent, waitFor } from '..';
 

src/__tests__/within.test.js

@@ -1,5 +1,5 @@
 // @flow
-import React from 'react';
+import * as React from 'react';
 import { View, Text, TextInput } from 'react-native';
 import { render, within, getQueriesForElement } from '..';
 

website/docs/ReactNavigation.md

@@ -17,7 +17,7 @@ Create an [`./AppNavigator.js`](https://github.com/callstack/react-native-testin
 
 ```jsx
 import 'react-native-gesture-handler';
-import React from 'react';
+import * as React from 'react';
 import { createStackNavigator } from '@react-navigation/stack';
 
 import HomeScreen from './screens/HomeScreen';
@@ -40,7 +40,7 @@ export default function Navigation() {
 Create your two screens which we will transition to and from them. The homescreen, found in [`./screens/HomeScreen.js`](https://github.com/callstack/react-native-testing-library/blob/master/examples/reactnavigation/src/screens/HomeScreen.js), contains a list of elements presented in a list view. On tap of any of these items will move to the details screen with the item number:
 
 ```jsx
-import React from 'react';
+import * as React from 'react';
 import {
   Text,
   View,
@@ -96,7 +96,7 @@ The details screen, found in [`./screens/DetailsScreen.js`](https://github.com/c
 
 ```jsx
 // ./screens/DetailsScreen.js
-import React from 'react';
+import * as React from 'react';
 import { Text, StyleSheet, View } from 'react-native';
 
 export default function DetailsScreen(props) {
@@ -152,7 +152,7 @@ For this example, we are going to test out two things. The first thing is that t
 Let's add a [`AppNavigator.test.js`](https://github.com/callstack/react-native-testing-library/blob/master/examples/reactnavigation/src/__tests__/AppNavigator.js) file in `src/__tests__` directory:
 
 ```jsx
-import React from 'react';
+import * as React from 'react';
 import { NavigationContainer } from '@react-navigation/native';
 import { render, fireEvent } from '@testing-library/react-native';
 

website/docs/ReduxIntegration.md

@@ -16,7 +16,7 @@ Our test is on the components that either dispatch actions on the redux store or
 For `./components/AddTodo.test.js`
 
 ```jsx
-import React from 'react';
+import * as React from 'react';
 import { Provider } from 'react-redux';
 import { cleanup, fireEvent, render } from '@testing-library/react-native';
 import configureStore from '../store';
@@ -63,7 +63,7 @@ describe('AddTodo component test', () => {
 For the `./components/TodoList.js`
 
 ```jsx
-import React from 'react';
+import * as React from 'react';
 import { Provider } from 'react-redux';
 import { fireEvent, render } from '@testing-library/react-native';
 import configureStore from '../store';

website/src/components/Feature.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import classnames from 'classnames';
 import PropTypes from 'prop-types';
 import useBaseUrl from '@docusaurus/useBaseUrl';

website/src/pages/index.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import classnames from 'classnames';
 import Layout from '@theme/Layout';
 import useDocusaurusContext from '@docusaurus/useDocusaurusContext';