chore(sonar): no need to import react

Author: fernandatoledo

.eslintrc.js

@@ -46,6 +46,8 @@ module.exports = {
         project: './tsconfig.json',
       },
       rules: {
+        'react/react-in-jsx-scope': 'off',
+        'react/jsx-uses-react': 'off',
         'prettier/prettier': [
           'error',
           {
@@ -79,6 +81,18 @@ module.exports = {
             caughtErrorsIgnorePattern: '^_',
           },
         ],
+        'no-restricted-imports': [
+          'error',
+          {
+            paths: [
+              {
+                name: 'react',
+                importNames: ['default'],
+                message: 'No need to import React',
+              },
+            ],
+          },
+        ],
         curly: [2, 'all'],
       },
     },

docs/src/content/docs/ui-and-theme/Forms.mdx

@@ -53,7 +53,6 @@ Here is how you can create your login screen:
 
 ```tsx
 import { zodResolver } from '@hookform/resolvers/zod';
-import React from 'react';
 import { useForm } from 'react-hook-form';
 import z from 'zod';
 

src/api/common/api-provider.tsx

@@ -1,7 +1,5 @@
 import { useReactQueryDevTools } from '@dev-plugins/react-query';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
-import React from 'react';
-
 export const queryClient = new QueryClient();
 
 export function APIProvider({ children }: { children: React.ReactNode }) {

src/app/(app)/_layout.tsx

@@ -1,6 +1,6 @@
 /* eslint-disable react/no-unstable-nested-components */
 import { Link, Redirect, SplashScreen, Tabs } from 'expo-router';
-import React, { useCallback, useEffect } from 'react';
+import { useCallback, useEffect } from 'react';
 
 import { useAuth, useIsFirstTime } from '@/core';
 import { Pressable, Text } from '@/ui';

src/app/(app)/index.tsx

@@ -1,5 +1,5 @@
 import { FlashList } from '@shopify/flash-list';
-import React from 'react';
+import { useCallback } from 'react';
 
 import type { Post } from '@/api';
 import { usePosts } from '@/api';
@@ -8,7 +8,7 @@ import { EmptyList, FocusAwareStatusBar, Text, View } from '@/ui';
 
 export default function Feed() {
   const { data, isPending, isError } = usePosts();
-  const renderItem = React.useCallback(
+  const renderItem = useCallback(
     ({ item }: { item: Post }) => <Card {...item} />,
     []
   );

src/app/(app)/settings.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable react/react-in-jsx-scope */
 import { Env } from '@env';
 import { useColorScheme } from 'nativewind';
 

src/app/(app)/style.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import { Buttons } from '@/components/buttons';
 import { Colors } from '@/components/colors';
 import { Inputs } from '@/components/inputs';

src/app/_layout.tsx

@@ -17,8 +17,6 @@ export { ErrorBoundary } from 'expo-router';
 // Import  global CSS file
 import '../../global.css';
 
-import React from 'react';
-
 export const unstable_settings = {
   initialRouteName: '(app)',
 };

src/app/feed/[id].tsx

@@ -1,5 +1,4 @@
 import { Stack, useLocalSearchParams } from 'expo-router';
-import React from 'react';
 
 import { usePost } from '@/api';
 import { ActivityIndicator, FocusAwareStatusBar, Text, View } from '@/ui';

src/app/feed/add-post.tsx

@@ -1,6 +1,5 @@
 import { zodResolver } from '@hookform/resolvers/zod';
 import { Stack } from 'expo-router';
-import React from 'react';
 import { useForm } from 'react-hook-form';
 import { showMessage } from 'react-native-flash-message';
 import { z } from 'zod';