generator-jhipster 8.6.0 → 8.7.0

package/dist/generators/react/resources/package.json

@@ -1,22 +1,22 @@
 {
   "dependencies": {
-    "@fortawesome/fontawesome-svg-core": "6.5.2",
-    "@fortawesome/free-solid-svg-icons": "6.5.2",
+    "@fortawesome/fontawesome-svg-core": "6.6.0",
+    "@fortawesome/free-solid-svg-icons": "6.6.0",
     "@fortawesome/react-fontawesome": "0.2.2",
-    "@reduxjs/toolkit": "2.2.5",
-    "axios": "1.7.2",
+    "@reduxjs/toolkit": "2.2.7",
+    "axios": "1.7.5",
     "bootstrap": "5.3.3",
     "bootswatch": "5.3.3",
     "lodash": "4.17.21",
     "path-browserify": "1.0.1",
     "react": "18.3.1",
     "react-dom": "18.3.1",
-    "react-hook-form": "7.52.0",
+    "react-hook-form": "7.53.0",
     "react-jhipster": "0.25.3",
     "react-loadable": "5.5.0",
     "react-redux": "9.1.2",
     "react-redux-loading-bar": "5.0.8",
-    "react-router-dom": "6.23.1",
+    "react-router-dom": "6.26.1",
     "react-toastify": "10.0.5",
     "react-transition-group": "4.4.5",
     "reactstrap": "9.2.2",
@@ -24,34 +24,34 @@
     "rxjs": "7.8.1",
     "sockjs-client": "1.6.1",
     "sonar-scanner": "3.1.0",
-    "tslib": "2.6.3",
+    "tslib": "2.7.0",
     "uuid": "10.0.0",
     "webstomp-client": "1.2.6"
   },
   "devDependencies": {
+    "@eslint/js": "9.9.1",
     "@module-federation/utilities": "3.0.3-0",
     "@testing-library/react": "16.0.0",
     "@types/jest": "29.5.12",
-    "@types/lodash": "4.17.5",
+    "@types/lodash": "4.17.7",
     "@types/node": "20.11.25",
-    "@types/react": "18.3.3",
+    "@types/react": "18.3.4",
     "@types/react-dom": "18.3.0",
     "@types/react-redux": "7.1.33",
     "@types/redux": "3.6.31",
     "@types/webpack-env": "1.18.5",
-    "@typescript-eslint/eslint-plugin": "7.13.1",
-    "@typescript-eslint/parser": "7.13.1",
-    "autoprefixer": "10.4.19",
+    "autoprefixer": "10.4.20",
     "browser-sync": "2.29.3",
     "browser-sync-webpack-plugin": "2.3.0",
     "copy-webpack-plugin": "12.0.2",
-    "core-js": "3.37.1",
+    "core-js": "3.38.1",
     "cross-env": "7.0.3",
     "css-loader": "7.1.2",
     "css-minimizer-webpack-plugin": "7.0.0",
-    "eslint": "8.57.0",
+    "eslint": "9.9.1",
     "eslint-config-prettier": "9.1.0",
-    "eslint-plugin-react": "7.34.3",
+    "eslint-plugin-prettier": "5.2.1",
+    "eslint-plugin-react": "7.35.0",
     "eslint-webpack-plugin": "4.2.0",
     "folder-hash": "4.0.4",
     "fork-ts-checker-webpack-plugin": "9.0.2",
@@ -63,14 +63,14 @@
     "jest-sonar": "0.2.16",
     "json-loader": "0.5.7",
     "merge-jsons-webpack-plugin": "2.0.1",
-    "mini-css-extract-plugin": "2.9.0",
+    "mini-css-extract-plugin": "2.9.1",
     "postcss-loader": "8.1.1",
-    "postcss-rtlcss": "5.3.0",
+    "postcss-rtlcss": "5.3.1",
     "react-infinite-scroll-component": "6.1.0",
     "redux-mock-store": "1.5.4",
-    "rimraf": "5.0.7",
-    "sass": "1.77.6",
-    "sass-loader": "14.2.1",
+    "rimraf": "5.0.8",
+    "sass": "1.77.8",
+    "sass-loader": "16.0.1",
     "simple-progress-webpack-plugin": "2.0.0",
     "sinon": "18.0.0",
     "source-map-loader": "5.0.0",
@@ -78,13 +78,14 @@
     "style-loader": "4.0.0",
     "terser-webpack-plugin": "5.3.10",
     "thread-loader": "4.0.2",
-    "ts-jest": "29.1.5",
+    "ts-jest": "29.2.5",
     "ts-loader": "9.5.1",
-    "typescript": "5.5.2",
-    "webpack": "5.92.1",
+    "typescript": "5.5.4",
+    "typescript-eslint": "8.2.0",
+    "webpack": "5.94.0",
     "webpack-cli": "5.1.4",
     "webpack-dev-server": "5.0.4",
-    "webpack-merge": "5.10.0",
+    "webpack-merge": "6.0.1",
     "webpack-notifier": "1.15.0",
     "workbox-webpack-plugin": "7.1.0"
   }

package/dist/generators/react/templates/eslint.config.js.jhi.react.ejs

@@ -0,0 +1,101 @@
+<%#
+ Copyright 2013-2024 the original author or authors from the JHipster project.
+
+ This file is part of the JHipster project, see https://www.jhipster.tech/
+ for more information.
+
+ Licensed under the Apache License, Version 2.0 (the "License");
+ you may not use this file except in compliance with the License.
+ You may obtain a copy of the License at
+
+      https://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+-%>
+<&_ if (fragment.importsSection) { -&>
+import eslint from '@eslint/js';
+import tseslint from 'typescript-eslint';
+import react from 'eslint-plugin-react/configs/recommended.js';
+<&_ } -&>
+<&_ if (fragment.configSection) { -&>
+  { ignores: ['<%- this.relativeDir(clientRootDir, clientDistDir) %>', '<%- temporaryDir %>'] },
+  eslint.configs.recommended,
+  {
+    files: ['**/*.{js,cjs,mjs}'],
+    rules: {
+      'no-unused-vars': ['error', { argsIgnorePattern: '^_' }],
+    },
+  },
+  {
+    files: ['<%- this.relativeDir(clientRootDir, clientSrcDir) %>**/*.{ts,tsx}'],
+    extends: [...tseslint.configs.recommendedTypeChecked, react],
+    settings: {
+      react: {
+        version: 'detect',
+      },
+    },
+    languageOptions: {
+      globals: {
+        ...globals.browser,
+      },
+      parserOptions: {
+        project: ['./tsconfig.json', './tsconfig.test.json'],
+      },
+    },
+    rules: {
+      '@typescript-eslint/member-ordering': [
+        'error',
+        {
+          default: ['static-field', 'instance-field', 'constructor', 'static-method', 'instance-method'],
+        },
+      ],
+      '@typescript-eslint/no-unused-vars': 'off',
+      '@typescript-eslint/explicit-member-accessibility': 'off',
+      '@typescript-eslint/explicit-function-return-type': 'off',
+      '@typescript-eslint/no-explicit-any': 'off',
+      '@typescript-eslint/no-unsafe-argument': 'off',
+      '@typescript-eslint/no-unsafe-return': 'off',
+      '@typescript-eslint/no-unsafe-member-access': 'off',
+      '@typescript-eslint/no-unsafe-call': 'off',
+      '@typescript-eslint/no-unsafe-assignment': 'off',
+      '@typescript-eslint/explicit-module-boundary-types': 'off',
+      '@typescript-eslint/restrict-template-expressions': 'off',
+      '@typescript-eslint/restrict-plus-operands': 'off',
+      '@typescript-eslint/no-floating-promises': 'off',
+      '@typescript-eslint/interface-name-prefix': 'off',
+      '@typescript-eslint/no-empty-function': 'off',
+      '@typescript-eslint/unbound-method': 'off',
+      '@typescript-eslint/array-type': 'off',
+      '@typescript-eslint/no-shadow': 'error',
+      'spaced-comment': ['warn', 'always'],
+      'guard-for-in': 'error',
+      'no-labels': 'error',
+      'no-caller': 'error',
+      'no-bitwise': 'error',
+      'no-console': ['error', { allow: ['warn', 'error'] }],
+      'no-new-wrappers': 'error',
+      'no-eval': 'error',
+      'no-new': 'error',
+      'no-var': 'error',
+      radix: 'error',
+      eqeqeq: ['error', 'always', { null: 'ignore' }],
+      'prefer-const': 'error',
+      'object-shorthand': ['error', 'always', { avoidExplicitReturnArrows: true }],
+      'default-case': 'error',
+      complexity: ['warn', 40],
+      'no-invalid-this': 'off',
+      'react/prop-types': 'off',
+      'react/display-name': 'off',
+    },
+  },
+  {
+    files: ['<%- this.relativeDir(clientRootDir, clientSrcDir) %>**/*.spec.ts'],
+    rules: {
+      '@typescript-eslint/no-empty-function': 'off',
+    },
+  },
+<&_ } -&>

package/dist/generators/react/templates/jest.conf.js.ejs

@@ -3,11 +3,14 @@ const tsconfig = require('./tsconfig.test.json');
 module.exports = {
   testEnvironment: 'jsdom',
   transform: {
-    '^.+\\.tsx?$': ['ts-jest', {
-      tsconfig: './tsconfig.test.json',
-      compiler: 'typescript',
-      diagnostics: false,
-    }],
+    '^.+\\.tsx?$': [
+      'ts-jest',
+      {
+        tsconfig: './tsconfig.test.json',
+        compiler: 'typescript',
+        diagnostics: false,
+      },
+    ],
   },
   testEnvironmentOptions: {
     url: 'http://localhost/',
@@ -16,21 +19,17 @@ module.exports = {
   coverageDirectory: '<rootDir>/<%= this.relativeDir(clientRootDir, temporaryDir) %>test-results/',
   testMatch: ['<rootDir>/<%= this.relativeDir(clientRootDir, clientSrcDir) %>app/**/@(*.)@(spec.ts?(x))'],
   moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx', 'json', 'node'],
-  coveragePathIgnorePatterns: [
-    '<rootDir>/<%= this.relativeDir(clientRootDir, clientTestDir) %>',
-  ],
+  coveragePathIgnorePatterns: ['<rootDir>/<%= this.relativeDir(clientRootDir, clientTestDir) %>'],
   moduleNameMapper: mapTypescriptAliasToJestAlias({
     '\\.(css|scss)$': 'identity-obj-proxy',
-    'sinon': require.resolve('sinon/pkg/sinon.js')
+    sinon: require.resolve('sinon/pkg/sinon.js'),
   }),
   reporters: [
     'default',
     ['jest-junit', { outputDirectory: './<%= this.relativeDir(clientRootDir, temporaryDir) %>test-results/', outputName: 'TESTS-results-jest.xml' }],
     ['jest-sonar', { outputDirectory: './<%= this.relativeDir(clientRootDir, temporaryDir) %>test-results/jest', outputName: 'TESTS-results-sonar.xml' }],
   ],
-  testPathIgnorePatterns: [
-    '<rootDir>/node_modules/'
-  ],
+  testPathIgnorePatterns: ['<rootDir>/node_modules/'],
   setupFiles: ['<rootDir>/<%= this.relativeDir(clientRootDir, clientSrcDir) %>app/setup-tests.ts'],
   globals: {
 <%_ if (enableTranslation) { _%>
@@ -38,34 +37,34 @@ module.exports = {
 <%_ } _%>
     ...require('./webpack/environment'),
     DEVELOPMENT: false,
-  }
+  },
 };
 
 function mapTypescriptAliasToJestAlias(alias = {}) {
-    const jestAliases = { ...alias };
-    if (!tsconfig.compilerOptions.paths) {
-      return jestAliases;
-    }
-    Object.entries(tsconfig.compilerOptions.paths)
-      .filter(([key, value]) => {
-        // use Typescript alias in Jest only if this has value
-        if (value.length) {
-          return true;
-        }
-        return false;
-      })
-      .map(([key, value]) => {
-        // if Typescript alias ends with /* then in Jest:
-        // - alias key must end with /(.*)
-        // - alias value must end with /$1
-        const regexToReplace = /(.*)\/\*$/;
-        const aliasKey = key.replace(regexToReplace, '$1/(.*)');
-        const aliasValue = value[0].replace(regexToReplace, '$1/$$1');
-        return [aliasKey, `<rootDir>/${aliasValue}`];
-      })
-      .reduce((aliases, [key, value]) => {
-        aliases[key] = value;
-        return aliases;
-      }, jestAliases);
+  const jestAliases = { ...alias };
+  if (!tsconfig.compilerOptions.paths) {
     return jestAliases;
   }
+  Object.entries(tsconfig.compilerOptions.paths)
+    .filter(([_key, value]) => {
+      // use Typescript alias in Jest only if this has value
+      if (value.length) {
+        return true;
+      }
+      return false;
+    })
+    .map(([key, value]) => {
+      // if Typescript alias ends with /* then in Jest:
+      // - alias key must end with /(.*)
+      // - alias value must end with /$1
+      const regexToReplace = /(.*)\/\*$/;
+      const aliasKey = key.replace(regexToReplace, '$1/(.*)');
+      const aliasValue = value[0].replace(regexToReplace, '$1/$$1');
+      return [aliasKey, `<rootDir>/${aliasValue}`];
+    })
+    .reduce((aliases, [key, value]) => {
+      aliases[key] = value;
+      return aliases;
+    }, jestAliases);
+  return jestAliases;
+}

package/dist/generators/react/templates/package.json.ejs

@@ -26,6 +26,7 @@
     "node_modules"
   ],
   "dependencies": {
+    "@eslint/js": null,
     "@fortawesome/fontawesome-svg-core": "<%= nodeDependencies['@fortawesome/fontawesome-svg-core'] %>",
     "@fortawesome/free-solid-svg-icons": "<%= nodeDependencies['@fortawesome/free-solid-svg-icons'] %>",
     "@fortawesome/react-fontawesome": "<%= nodeDependencies['@fortawesome/react-fontawesome'] %>",
@@ -70,8 +71,6 @@
     "@types/react-redux": "<%= nodeDependencies['@types/react-redux'] %>",
     "@types/redux": "<%= nodeDependencies['@types/redux'] %>",
     "@types/webpack-env": "<%= nodeDependencies['@types/webpack-env'] %>",
-    "@typescript-eslint/eslint-plugin": "<%= nodeDependencies['@typescript-eslint/eslint-plugin'] %>",
-    "@typescript-eslint/parser": "<%= nodeDependencies['@typescript-eslint/parser'] %>",
     "autoprefixer": "<%= nodeDependencies['autoprefixer'] %>",
     "browser-sync": "<%= nodeDependencies['browser-sync'] %>",
     "browser-sync-webpack-plugin": "<%= nodeDependencies['browser-sync-webpack-plugin'] %>",
@@ -82,6 +81,7 @@
     "css-minimizer-webpack-plugin": "<%= nodeDependencies['css-minimizer-webpack-plugin'] %>",
     "eslint": "<%= nodeDependencies['eslint'] %>",
     "eslint-config-prettier": "<%= nodeDependencies['eslint-config-prettier'] %>",
+    "eslint-plugin-prettier": "<%= nodeDependencies['eslint-plugin-prettier'] %>",
     "eslint-plugin-react": "<%= nodeDependencies['eslint-plugin-react'] %>",
     "eslint-webpack-plugin": "<%= nodeDependencies['eslint-webpack-plugin'] %>",
     "fork-ts-checker-webpack-plugin": "<%= nodeDependencies['fork-ts-checker-webpack-plugin'] %>",
@@ -120,6 +120,7 @@
     "cypress": "<%= nodeDependencies['cypress'] %>",
 <%_ } _%>
     "typescript": "<%= nodeDependencies['typescript'] %>",
+    "typescript-eslint": "<%= nodeDependencies['typescript-eslint'] %>",
     "webpack": "<%= nodeDependencies['webpack'] %>",
     "webpack-cli": "<%= nodeDependencies['webpack-cli'] %>",
     "webpack-dev-server": "<%= nodeDependencies['webpack-dev-server'] %>",
@@ -136,7 +137,7 @@
   "scripts": {
     "prettier:check": "prettier --check \"{,src/**/,webpack/,.blueprint/**/}*.{<%= prettierExtensions %>}\"",
     "prettier:format": "prettier --write \"{,src/**/,webpack/,.blueprint/**/}*.{<%= prettierExtensions %>}\"",
-    "lint": "eslint . --ext .js,.ts,.jsx,.tsx",
+    "lint": "eslint .",
     "lint:fix": "<%= clientPackageManager %> run lint -- --fix",
     "cleanup": "rimraf <%= this.relativeDir(clientRootDir, temporaryDir) %>",
     "clean-www": "rimraf <%= this.relativeDir(clientRootDir, clientDistDir) %>",

package/dist/generators/react/templates/postcss.config.js.ejs

@@ -17,7 +17,5 @@
  limitations under the License.
 -%>
 module.exports = {
-  plugins: [
-    require('autoprefixer')
-  ]
+  plugins: [require('autoprefixer')],
 };

package/dist/generators/react/templates/src/main/webapp/app/_bootstrap-variables.scss.ejs

@@ -26,23 +26,23 @@
 <%_ if (clientThemeNone) { _%>
 // Options:
 // Quickly modify global styling by enabling or disabling optional features.
-$enable-rounded:            true;
-$enable-shadows:            false;
-$enable-gradients:          false;
-$enable-transitions:        true;
-$enable-hover-media-query:  false;
-$enable-grid-classes:       true;
-$enable-print-styles:       true;
+$enable-rounded: true;
+$enable-shadows: false;
+$enable-gradients: false;
+$enable-transitions: true;
+$enable-hover-media-query: false;
+$enable-grid-classes: true;
+$enable-print-styles: true;
 
 // Components:
 // Define common padding and border radius sizes and more.
 
-$border-radius:          .15rem;
-$border-radius-lg:       .125rem;
-$border-radius-sm:       .1rem;
+$border-radius: 0.15rem;
+$border-radius-lg: 0.125rem;
+$border-radius-sm: 0.1rem;
 
 // Body:
 // Settings for the `<body>` element.
 
-$body-bg:                   #ffffff;
+$body-bg: #ffffff;
 <%_ } _%>

package/dist/generators/react/templates/src/main/webapp/app/app.scss.ejs

@@ -131,7 +131,9 @@ Generic styles
 }
 
 .shadow {
-  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 1px 4px;
+  box-shadow:
+    rgba(0, 0, 0, 0.12) 0px 1px 6px,
+    rgba(0, 0, 0, 0.12) 0px 1px 4px;
   border-radius: 2px;
 }
 
@@ -157,8 +159,8 @@ Generic styles
 /* padding helpers */
 
 @mixin pad($size, $side) {
-  @if $size== "" {
-    @if $side== "" {
+  @if $size== '' {
+    @if $side== '' {
       .pad {
         padding: 10px !important;
       }
@@ -168,7 +170,7 @@ Generic styles
       }
     }
   } @else {
-    @if $side== "" {
+    @if $side== '' {
       .pad-#{$size} {
         padding: #{$size}px !important;
       }
@@ -180,54 +182,54 @@ Generic styles
   }
 }
 
-@include pad("", "");
-@include pad("2", "");
-@include pad("3", "");
-@include pad("5", "");
-@include pad("10", "");
-@include pad("20", "");
-@include pad("25", "");
-@include pad("30", "");
-@include pad("50", "");
-@include pad("75", "");
-@include pad("100", "");
-@include pad("4", "top");
-@include pad("5", "top");
-@include pad("10", "top");
-@include pad("20", "top");
-@include pad("25", "top");
-@include pad("30", "top");
-@include pad("50", "top");
-@include pad("75", "top");
-@include pad("100", "top");
-@include pad("4", "bottom");
-@include pad("5", "bottom");
-@include pad("10", "bottom");
-@include pad("20", "bottom");
-@include pad("25", "bottom");
-@include pad("30", "bottom");
-@include pad("50", "bottom");
-@include pad("75", "bottom");
-@include pad("100", "bottom");
-@include pad("5", "right");
-@include pad("10", "right");
-@include pad("20", "right");
-@include pad("25", "right");
-@include pad("30", "right");
-@include pad("50", "right");
-@include pad("75", "right");
-@include pad("100", "right");
-@include pad("5", "left");
-@include pad("10", "left");
-@include pad("20", "left");
-@include pad("25", "left");
-@include pad("30", "left");
-@include pad("50", "left");
-@include pad("75", "left");
-@include pad("100", "left");
+@include pad('', '');
+@include pad('2', '');
+@include pad('3', '');
+@include pad('5', '');
+@include pad('10', '');
+@include pad('20', '');
+@include pad('25', '');
+@include pad('30', '');
+@include pad('50', '');
+@include pad('75', '');
+@include pad('100', '');
+@include pad('4', 'top');
+@include pad('5', 'top');
+@include pad('10', 'top');
+@include pad('20', 'top');
+@include pad('25', 'top');
+@include pad('30', 'top');
+@include pad('50', 'top');
+@include pad('75', 'top');
+@include pad('100', 'top');
+@include pad('4', 'bottom');
+@include pad('5', 'bottom');
+@include pad('10', 'bottom');
+@include pad('20', 'bottom');
+@include pad('25', 'bottom');
+@include pad('30', 'bottom');
+@include pad('50', 'bottom');
+@include pad('75', 'bottom');
+@include pad('100', 'bottom');
+@include pad('5', 'right');
+@include pad('10', 'right');
+@include pad('20', 'right');
+@include pad('25', 'right');
+@include pad('30', 'right');
+@include pad('50', 'right');
+@include pad('75', 'right');
+@include pad('100', 'right');
+@include pad('5', 'left');
+@include pad('10', 'left');
+@include pad('20', 'left');
+@include pad('25', 'left');
+@include pad('30', 'left');
+@include pad('50', 'left');
+@include pad('75', 'left');
+@include pad('100', 'left');
 
 @mixin no-padding($side) {
-  @if $side== "all" {
+  @if $side== 'all' {
     .no-padding {
       padding: 0 !important;
     }
@@ -238,11 +240,11 @@ Generic styles
   }
 }
 
-@include no-padding("left");
-@include no-padding("right");
-@include no-padding("top");
-@include no-padding("bottom");
-@include no-padding("all");
+@include no-padding('left');
+@include no-padding('right');
+@include no-padding('top');
+@include no-padding('bottom');
+@include no-padding('all');
 
 /* end of padding helpers */
 
@@ -250,7 +252,7 @@ Generic styles
   margin: 0px;
 }
 @mixin voffset($size) {
-  @if $size== "" {
+  @if $size== '' {
     .voffset {
       margin-top: 2px !important;
     }
@@ -261,16 +263,16 @@ Generic styles
   }
 }
 
-@include voffset("");
-@include voffset("5");
-@include voffset("10");
-@include voffset("15");
-@include voffset("30");
-@include voffset("40");
-@include voffset("60");
-@include voffset("80");
-@include voffset("100");
-@include voffset("150");
+@include voffset('');
+@include voffset('5');
+@include voffset('10');
+@include voffset('15');
+@include voffset('30');
+@include voffset('40');
+@include voffset('60');
+@include voffset('80');
+@include voffset('100');
+@include voffset('150');
 
 .readonly {
   background-color: #eee;

package/dist/generators/react/templates/src/main/webapp/app/app.tsx.ejs

@@ -67,7 +67,7 @@ export const App = () => {
   return (
     <BrowserRouter basename={baseHref}>
       <div className="app-container" style={{ paddingTop }}>
-        <ToastContainer position="top-left" className="toastify-container" toastClassName="toastify-toast"/>
+        <ToastContainer position="top-left" className="toastify-container" toastClassName="toastify-toast" />
         <ErrorBoundary>
           <Header
             isAuthenticated={isAuthenticated}
@@ -83,10 +83,10 @@ export const App = () => {
         <div className="container-fluid view-container" id="app-view-container">
           <Card className="jh-card">
             <ErrorBoundary>
-              <AppRoutes/>
+              <AppRoutes />
             </ErrorBoundary>
           </Card>
-          <Footer/>
+          <Footer />
         </div>
       </div>
     </BrowserRouter>

package/dist/generators/react/templates/src/main/webapp/app/config/axios-interceptor.spec.ts.ejs

@@ -29,7 +29,7 @@ describe('Axios Interceptor', () => {
 
     it('onRequestSuccess is called on fulfilled request', () => {
       expect((client.interceptors.request as any).handlers[0].fulfilled({ data: 'foo', url: '/test' })).toMatchObject({
-        data: 'foo'
+        data: 'foo',
       });
     });
     it('onResponseSuccess is called on fulfilled response', () => {
@@ -40,12 +40,11 @@ describe('Axios Interceptor', () => {
         response: {
           statusText: 'NotFound',
           status: 401,
-          data: { message: 'Page not found' }
-        }
+          data: { message: 'Page not found' },
+        },
       };
       expect((client.interceptors.response as any).handlers[0].rejected(rejectError)).rejects.toEqual(rejectError);
       expect(onUnauthenticated.calledOnce).toBe(true);
     });
   });
 });
-

package/dist/generators/react/templates/src/main/webapp/app/config/axios-interceptor.ts.ejs

@@ -16,7 +16,7 @@
  See the License for the specific language governing permissions and
  limitations under the License.
 -%>
-import axios from 'axios';
+import axios, { type AxiosError } from 'axios';
 import { Storage } from 'react-jhipster';
 
 const TIMEOUT = 1 * 60 * 1000;
@@ -34,7 +34,7 @@ const setupAxiosInterceptors = onUnauthenticated => {
     return config;
   };
   const onResponseSuccess = response => response;
-  const onResponseError = err => {
+  const onResponseError = (err: AxiosError) => {
     const status = err.status || (err.response ? err.response.status : 0);
     if (status === 401) {
       onUnauthenticated();