React/ESLint: enable react/react-in-jsx-scope

src/main/java/tech/jhipster/lite/generator/client/react/core/domain/ReactCoreModulesFactory.java

@@ -142,7 +142,6 @@ private Consumer<JHipsterModuleBuilder> patchEslintConfig(JHipsterModuleProperti
             .add(
               regex("[ \\t]+quotes: \\['error', 'single', \\{ avoidEscape: true }],"),
               """
-              \t\t\t'react/react-in-jsx-scope': 'off',
               \t\t\t'@typescript-eslint/no-explicit-any': 'off',
               \t\t\t'@typescript-eslint/await-thenable': 'off',
               \t\t\t'@typescript-eslint/consistent-type-imports': 'error',
@@ -170,6 +169,7 @@ private Consumer<JHipsterModuleBuilder> patchTsConfig(JHipsterModuleProperties p
           .add(tsConfigCompilerOption("composite", false, properties.indentation()))
           .add(tsConfigCompilerOption("forceConsistentCasingInFileNames", true, properties.indentation()))
           .add(tsConfigCompilerOption("allowSyntheticDefaultImports", true, properties.indentation()))
+          .add(tsConfigCompilerOption("jsx", "react", properties.indentation()))
           .add(text(DEFAULT_TSCONFIG_PATH), pathsReplacement)
           .and()
       .and();
@@ -181,6 +181,11 @@ private static MandatoryReplacer tsConfigCompilerOption(String optionName, boole
     return new MandatoryReplacer(lineAfterRegex("\"compilerOptions\":"), compilerOption);
   }
 
+  private static MandatoryReplacer tsConfigCompilerOption(String optionName, String optionValue, Indentation indentation) {
+    String compilerOption = indentation.times(2) + "\"%s\": \"%s\",".formatted(optionName, optionValue);
+    return new MandatoryReplacer(lineAfterRegex("\"compilerOptions\":"), compilerOption);
+  }
+
   private Consumer<JHipsterModuleBuilder> patchVitestConfig(JHipsterModuleProperties properties) {
     //@formatter:off
     return moduleBuilder -> moduleBuilder

src/main/resources/generator/client/react/core/src/main/webapp/app/home/infrastructure/primary/HomePage.tsx.mustache

@@ -1,3 +1,4 @@
+import React from 'react';
 import './HomePage.css';
 
 import JHipsterLiteNeonBlue from '@assets/JHipster-Lite-neon-blue.png';

src/main/resources/generator/client/react/core/src/test/webapp/unit/home/infrastructure/primary/HomePage.spec.tsx.mustache

@@ -1,3 +1,4 @@
+import React from 'react';
 import { render } from '@testing-library/react';
 import { describe, it } from 'vitest';
 

src/main/resources/generator/client/react/security/jwt/src/main/webapp/app/common/primary/app/LoginApp.tsx.mustache

@@ -1,3 +1,4 @@
+import React from 'react';
 import LoginForm from '@/login/primary/loginForm';
 
 import './HomePage.css';

src/main/resources/generator/client/react/security/jwt/src/main/webapp/app/login/primary/loginForm/index.tsx.mustache

@@ -1,5 +1,5 @@
 import { Button } from '@nextui-org/react';
-import { createContext, useCallback, useMemo, useState } from 'react';
+import React, { createContext, useCallback, useMemo, useState } from 'react';
 
 import LoginModal from '@/login/primary/loginModal';
 

src/main/resources/generator/client/react/security/jwt/src/main/webapp/app/login/primary/loginModal/EyeFilledIcon.tsx.mustache

@@ -1,3 +1,5 @@
+import React from 'react';
+
 export const EyeFilledIcon = (props: { className: string }) => (
   <svg aria-hidden="true" fill="none" focusable="false" height="1em" viewBox="0 0 24 24" width="1em" {...props}>
     <path

src/main/resources/generator/client/react/security/jwt/src/main/webapp/app/login/primary/loginModal/EyeSlashFilledIcon.tsx.mustache

@@ -1,3 +1,5 @@
+import React from 'react';
+
 export const EyeSlashFilledIcon = (props: { className: string }) => (
   <svg aria-hidden="true" fill="none" focusable="false" height="1em" viewBox="0 0 24 24" width="1em" {...props}>
     <path

src/main/resources/generator/client/react/security/jwt/src/main/webapp/app/login/primary/loginModal/index.tsx.mustache

@@ -1,5 +1,5 @@
 import { Button, Input, Modal, ModalBody, ModalContent, ModalHeader, Spacer } from '@nextui-org/react';
-import { useCallback, useContext, useState } from 'react';
+import React, { useCallback, useContext, useState } from 'react';
 import { useForm } from 'react-hook-form';
 
 import { EyeFilledIcon } from './EyeFilledIcon';

src/main/resources/generator/client/react/security/jwt/src/test/webapp/unit/login/primary/loginForm/index.test.tsx.mustache

@@ -1,3 +1,4 @@
+import React from 'react';
 import axios from 'axios';
 import { describe, expect, it, vi } from 'vitest';
 

src/main/resources/generator/client/react/security/jwt/src/test/webapp/unit/login/primary/loginModal/index.test.tsx.mustache

@@ -1,3 +1,4 @@
+import React from 'react';
 import { act, fireEvent, render } from '@testing-library/react';
 import axios from 'axios';
 import { describe, expect, it } from 'vitest';

src/test/resources/tech/jhipster/lite/generator/client/react/core/domain/ReactCoreModulesFactoryTest.shouldBuildModuleWithStyle.eslint.config.js.approved.txt

@@ -30,7 +30,6 @@ export default typescript.config(
       },
     },
     rules: {
-      'react/react-in-jsx-scope': 'off',
       '@typescript-eslint/no-explicit-any': 'off',
       '@typescript-eslint/await-thenable': 'off',
       '@typescript-eslint/consistent-type-imports': 'error',

src/test/resources/tech/jhipster/lite/generator/client/react/core/domain/ReactCoreModulesFactoryTest.shouldBuildModuleWithStyle.tsconfig.json.approved.txt

@@ -1,6 +1,7 @@
 {
   "extends": "@tsconfig/vite-react/tsconfig.json",
   "compilerOptions": {
+    "jsx": "react",
     "allowSyntheticDefaultImports": true,
     "forceConsistentCasingInFileNames": true,
     "composite": false,