generator-jhipster 8.11.0 → 9.0.0-beta.0

package/dist/generators/react/generators/bootstrap/generator.js

@@ -0,0 +1,51 @@
+/**
+ * Copyright 2013-2025 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.
+ */
+import { createNeedleCallback } from "../../../base-core/support/needles.js";
+import { ClientApplicationGenerator } from "../../../client/generator.js";
+import { createDayjsUpdateLanguagesEditFileCallback, createWebpackUpdateLanguagesNeedleCallback, } from "../../../client/support/update-languages.js";
+import { generateLanguagesWebappOptions } from "../../../languages/support/languages.js";
+export default class ReactBootstrapGenerator extends ClientApplicationGenerator {
+    async beforeQueue() {
+        if (!this.fromBlueprint) {
+            await this.composeWithBlueprints();
+        }
+        await this.dependsOnBootstrap('client');
+    }
+    get preparing() {
+        return this.asPreparingTaskGroup({
+            translations({ application }) {
+                application.addLanguageCallbacks.push((_newLanguages, allLanguages) => {
+                    const { enableTranslation, clientSrcDir, clientRootDir, clientI18nDir } = application;
+                    if (!enableTranslation)
+                        return;
+                    const { ignoreNeedlesError: ignoreNonExisting } = this;
+                    this.editFile(`${clientSrcDir}app/config/dayjs.ts`, createDayjsUpdateLanguagesEditFileCallback(allLanguages, true));
+                    this.editFile(`${clientSrcDir}app/config/translation.ts`, { ignoreNonExisting }, createNeedleCallback({
+                        contentToAdd: generateLanguagesWebappOptions(allLanguages),
+                        needle: 'jhipster-needle-i18n-language-key-pipe',
+                    }));
+                    this.editFile(`${clientRootDir}webpack/webpack.common.js`, { ignoreNonExisting }, createWebpackUpdateLanguagesNeedleCallback(allLanguages, this.relativeDir(clientRootDir, clientI18nDir)));
+                });
+            },
+        });
+    }
+    get [ClientApplicationGenerator.PREPARING]() {
+        return this.delegateTasksToBlueprint(() => this.preparing);
+    }
+}

package/dist/generators/react/generators/bootstrap/index.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Copyright 2013-2025 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.
+ */
+export { default } from './generator.ts';

package/dist/generators/react/generators/bootstrap/index.js

@@ -0,0 +1,19 @@
+/**
+ * Copyright 2013-2025 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.
+ */
+export { default } from "./generator.js";

package/dist/generators/react/index.d.ts

@@ -16,4 +16,4 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-export { default } from './generator.js';
+export { default } from './generator.ts';

package/dist/generators/react/index.js

@@ -16,4 +16,4 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-export { default } from './generator.js';
+export { default } from "./generator.js";

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

@@ -1,95 +1,90 @@
 {
   "dependencies": {
-    "@fortawesome/fontawesome-svg-core": "6.7.2",
-    "@fortawesome/free-solid-svg-icons": "6.7.2",
-    "@fortawesome/react-fontawesome": "0.2.2",
-    "@reduxjs/toolkit": "2.8.0",
-    "axios": "1.9.0",
-    "bootstrap": "5.3.6",
-    "bootswatch": "5.3.5",
+    "@fortawesome/fontawesome-svg-core": "7.1.0",
+    "@fortawesome/free-solid-svg-icons": "7.1.0",
+    "@fortawesome/react-fontawesome": "3.1.1",
+    "@reduxjs/toolkit": "2.11.0",
+    "axios": "1.13.2",
+    "bootstrap": "5.3.8",
+    "bootswatch": "5.3.8",
     "lodash": "4.17.21",
     "path-browserify": "1.0.1",
     "react": "18.3.1",
     "react-dom": "18.3.1",
-    "react-hook-form": "7.56.2",
+    "react-hook-form": "7.68.0",
     "react-jhipster": "0.25.3",
     "react-loadable": "5.5.0",
     "react-redux": "9.2.0",
     "react-redux-loading-bar": "5.0.8",
-    "react-router-dom": "7.5.3",
+    "react-router-dom": "7.10.1",
     "react-toastify": "11.0.5",
-    "react-transition-group": "4.4.5",
     "reactstrap": "9.2.3",
     "redux": "5.0.1",
     "rxjs": "7.8.2",
     "sockjs-client": "1.6.1",
     "sonar-scanner": "3.1.0",
     "tslib": "2.8.1",
-    "uuid": "11.1.0",
     "webstomp-client": "1.2.6"
   },
   "devDependencies": {
-    "@eslint/js": "9.26.0",
-    "@module-federation/enhanced": "0.13.1",
-    "@module-federation/utilities": "3.1.54",
+    "@eslint/js": "9.39.1",
+    "@module-federation/enhanced": "0.21.6",
+    "@module-federation/utilities": "3.1.77",
     "@testing-library/react": "16.3.0",
-    "@types/jest": "29.5.14",
-    "@types/lodash": "4.17.16",
-    "@types/node": "20.11.25",
+    "@types/jest": "30.0.0",
+    "@types/lodash": "4.17.21",
+    "@types/node": "20.19.25",
     "@types/react": "18.3.12",
     "@types/react-dom": "18.3.1",
     "@types/react-redux": "7.1.34",
     "@types/redux": "3.6.31",
     "@types/webpack-env": "1.18.8",
-    "autoprefixer": "10.4.21",
+    "autoprefixer": "10.4.22",
     "browser-sync": "3.0.4",
-    "browser-sync-webpack-plugin": "2.3.0",
-    "copy-webpack-plugin": "13.0.0",
-    "core-js": "3.42.0",
-    "cross-env": "7.0.3",
+    "browser-sync-webpack-plugin": "2.4.0",
+    "copy-webpack-plugin": "13.0.1",
+    "cross-env": "10.1.0",
     "css-loader": "7.1.2",
     "css-minimizer-webpack-plugin": "7.0.2",
-    "eslint": "9.26.0",
-    "eslint-config-prettier": "10.1.2",
-    "eslint-plugin-prettier": "5.4.0",
+    "eslint": "9.39.1",
+    "eslint-config-prettier": "10.1.8",
+    "eslint-plugin-prettier": "5.5.4",
     "eslint-plugin-react": "7.37.5",
-    "eslint-webpack-plugin": "5.0.1",
+    "eslint-webpack-plugin": "5.0.2",
     "folder-hash": "4.1.1",
     "fork-ts-checker-webpack-plugin": "9.1.0",
-    "html-webpack-plugin": "5.6.3",
+    "html-webpack-plugin": "5.6.5",
     "identity-obj-proxy": "3.0.0",
-    "jest": "29.7.0",
-    "jest-environment-jsdom": "29.7.0",
-    "jest-fixed-jsdom": "0.0.9",
+    "jest": "30.2.0",
+    "jest-environment-jsdom": "30.2.0",
+    "jest-fixed-jsdom": "0.0.11",
     "jest-junit": "16.0.0",
     "jest-sonar": "0.2.16",
-    "json-loader": "0.5.7",
     "merge-jsons-webpack-plugin": "2.0.1",
-    "mini-css-extract-plugin": "2.9.2",
-    "postcss-loader": "8.1.1",
-    "postcss-rtlcss": "5.7.0",
+    "mini-css-extract-plugin": "2.9.4",
+    "postcss-loader": "8.2.0",
+    "postcss-rtlcss": "5.7.1",
     "react-infinite-scroll-component": "6.1.0",
     "redux-mock-store": "1.5.5",
-    "rimraf": "5.0.8",
+    "rimraf": "6.1.2",
     "sass": "1.77.6",
-    "sass-loader": "16.0.5",
+    "sass-loader": "16.0.6",
     "simple-progress-webpack-plugin": "2.0.0",
-    "sinon": "20.0.0",
+    "sinon": "21.0.0",
     "source-map-loader": "5.0.0",
-    "sourcemap-istanbul-instrumenter-loader": "0.2.0",
     "style-loader": "4.0.0",
     "terser-webpack-plugin": "5.3.14",
     "thread-loader": "4.0.4",
-    "ts-jest": "29.3.2",
-    "ts-loader": "9.5.2",
-    "typescript": "5.8.3",
-    "typescript-eslint": "8.32.0",
-    "webpack": "5.99.8",
+    "ts-jest": "29.4.6",
+    "ts-loader": "9.5.4",
+    "typescript": "5.9.3",
+    "typescript-eslint": "8.48.1",
+    "webpack": "5.103.0",
     "webpack-cli": "6.0.1",
-    "webpack-dev-server": "5.2.1",
+    "webpack-dev-server": "5.2.2",
     "webpack-merge": "6.0.1",
     "webpack-notifier": "1.15.0",
-    "workbox-webpack-plugin": "7.3.0"
+    "workbox-webpack-plugin": "7.4.0"
   },
   "packageManager": "npm@11"
 }

package/dist/generators/react/support/index.d.ts

@@ -16,7 +16,5 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-export * from './needles.js';
-export * from './translate-react.js';
-export { default as translateReactFilesTransform } from './translate-react.js';
-export { default as updateLanguagesTask } from './update-languages.js';
+export * from './translate-react.ts';
+export { default as translateReactFilesTransform } from './translate-react.ts';

package/dist/generators/react/support/index.js

@@ -16,7 +16,5 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-export * from './needles.js';
-export * from './translate-react.js';
-export { default as translateReactFilesTransform } from './translate-react.js';
-export { default as updateLanguagesTask } from './update-languages.js';
+export * from "./translate-react.js";
+export { default as translateReactFilesTransform } from "./translate-react.js";

package/dist/generators/react/support/translate-react.d.ts

@@ -1,10 +1,9 @@
-import type { GetWebappTranslationCallback } from '../../../lib/types/base/translation.js';
+import type { MemFsEditorFile } from 'mem-fs-editor';
+import type { GetWebappTranslationCallback } from '../../client/translation.ts';
 /**
  * Replace and cleanup translations.
- *
- * @return {import('../../base/api.js').EditFileCallback}
  */
 export declare const createTranslationReplacer: (getWebappTranslation: GetWebappTranslationCallback) => (body: string, filePath: string) => string;
-export declare const isTranslatedReactFile: (file: any) => boolean;
+export declare const isTranslatedReactFile: (file: MemFsEditorFile) => boolean;
 declare const translateReactFilesTransform: (getWebappTranslation: GetWebappTranslationCallback) => import("stream").Transform;
 export default translateReactFilesTransform;

package/dist/generators/react/support/translate-react.js

@@ -53,9 +53,7 @@ const replaceTranslationKeysWithText = (getWebappTranslation, body, regexp, { ke
             for (const interpolateMatch of interpolateMatches) {
                 const field = interpolateMatch?.groups?.field;
                 let value = interpolateMatch?.groups?.value;
-                if (value === undefined) {
-                    value = key;
-                }
+                value ??= key;
                 value = value.trim();
                 if (/^\d+$/.test(value)) {
                     // convert integer
@@ -90,8 +88,6 @@ const replaceTranslationKeysWithText = (getWebappTranslation, body, regexp, { ke
 };
 /**
  * Replace and cleanup translations.
- *
- * @return {import('../../base/api.js').EditFileCallback}
  */
 export const createTranslationReplacer = (getWebappTranslation) => function replaceReactTranslations(body, filePath) {
     if (filePath.endsWith('.tsx')) {
@@ -107,7 +103,7 @@ export const createTranslationReplacer = (getWebappTranslation) => function repl
     return body;
 };
 const minimatch = new Minimatch('**/*.tsx');
-export const isTranslatedReactFile = file => minimatch.match(file.path);
+export const isTranslatedReactFile = (file) => minimatch.match(file.path);
 const translateReactFilesTransform = (getWebappTranslation) => {
     const translate = createTranslationReplacer(getWebappTranslation);
     return passthrough(file => {

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

@@ -1,6 +1,7 @@
-const tsconfig = require('./tsconfig.test.json');
+import tsconfig from './tsconfig.test.json' with { type: 'json' };
+import environment from './webpack/environment.js';
 
-module.exports = {
+export default {
   testEnvironment: 'jest-fixed-jsdom',
   transform: {
     '^.+\\.tsx?$': [
@@ -22,7 +23,7 @@ module.exports = {
   coveragePathIgnorePatterns: ['<rootDir>/<%= this.relativeDir(clientRootDir, clientTestDir) %>'],
   moduleNameMapper: mapTypescriptAliasToJestAlias({
     '\\.(css|scss)$': 'identity-obj-proxy',
-    sinon: require.resolve('sinon/pkg/sinon.js'),
+    sinon: import.meta.resolve('sinon/pkg/sinon.js'),
   }),
   reporters: [
     'default',
@@ -35,7 +36,7 @@ module.exports = {
 <%_ if (enableTranslation) { _%>
     I18N_HASH: 'generated_hash',
 <%_ } _%>
-    ...require('./webpack/environment'),
+    ...environment,
     DEVELOPMENT: false,
   },
 };

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

@@ -22,9 +22,7 @@
   "description": "<%= projectDescription %>",
   "private": true,
   "license": "UNLICENSED",
-  "cacheDirectories": [
-    "node_modules"
-  ],
+  "type": "module",
   "dependencies": {
     "@eslint/js": null,
     "@fortawesome/fontawesome-svg-core": "<%= nodeDependencies['@fortawesome/fontawesome-svg-core'] %>",
@@ -49,14 +47,12 @@
     "react-router": "<%= nodeDependencies['react-router-dom'] %>",
     "react-router-dom": "<%= nodeDependencies['react-router-dom'] %>",
     "react-toastify": "<%= nodeDependencies['react-toastify'] %>",
-    "react-transition-group": "<%= nodeDependencies['react-transition-group'] %>",
     "reactstrap": "<%= nodeDependencies['reactstrap'] %>",
     "redux": "<%= nodeDependencies['redux'] %>",
 <%_ if (skipServer) { _%>
     "sonar-scanner": "<%= nodeDependencies['sonar-scanner'] %>",
 <%_ } _%>
-    "tslib": "<%= nodeDependencies['tslib'] %>",
-    "uuid": "<%= nodeDependencies['uuid'] %>"
+    "tslib": "<%= nodeDependencies['tslib'] %>"
   },
   "devDependencies": {
     "@testing-library/react": "<%= nodeDependencies['@testing-library/react'] %>",
@@ -72,7 +68,6 @@
     "browser-sync": "<%= nodeDependencies['browser-sync'] %>",
     "browser-sync-webpack-plugin": "<%= nodeDependencies['browser-sync-webpack-plugin'] %>",
     "copy-webpack-plugin": "<%= nodeDependencies['copy-webpack-plugin'] %>",
-    "core-js": "<%= nodeDependencies['core-js'] %>",
     "cross-env": "<%= nodeDependencies['cross-env'] %>",
     "css-loader": "<%= nodeDependencies['css-loader'] %>",
     "css-minimizer-webpack-plugin": "<%= nodeDependencies['css-minimizer-webpack-plugin'] %>",
@@ -89,7 +84,6 @@
     "jest-fixed-jsdom": "<%= nodeDependencies['jest-fixed-jsdom'] %>",
     "jest-junit": "<%= nodeDependencies['jest-junit'] %>",
     "jest-sonar": "<%= nodeDependencies['jest-sonar'] %>",
-    "json-loader": "<%= nodeDependencies['json-loader'] %>",
 <%_ if (enableTranslation) { _%>
     "folder-hash": "<%= nodeDependencies['folder-hash'] %>",
     "merge-jsons-webpack-plugin": "<%= nodeDependencies['merge-jsons-webpack-plugin'] %>",
@@ -107,16 +101,12 @@
     "simple-progress-webpack-plugin": "<%= nodeDependencies['simple-progress-webpack-plugin'] %>",
     "sinon": "<%= nodeDependencies['sinon'] %>",
     "source-map-loader": "<%= nodeDependencies['source-map-loader'] %>",
-    "sourcemap-istanbul-instrumenter-loader": "<%= nodeDependencies['sourcemap-istanbul-instrumenter-loader'] %>",
     "style-loader": "<%= nodeDependencies['style-loader'] %>",
     "swagger-ui-dist": "<%= nodeDependencies['swagger-ui-dist'] %>",
     "terser-webpack-plugin": "<%= nodeDependencies['terser-webpack-plugin'] %>",
     "thread-loader": "<%= nodeDependencies['thread-loader'] %>",
     "ts-jest": "<%= nodeDependencies['ts-jest'] %>",
     "ts-loader": "<%= nodeDependencies['ts-loader'] %>",
-<%_ if (cypressTests) { _%>
-    "cypress": "<%= nodeDependencies['cypress'] %>",
-<%_ } _%>
     "typescript": "<%= nodeDependencies['typescript'] %>",
     "typescript-eslint": "<%= nodeDependencies['typescript-eslint'] %>",
     "webpack": "<%= nodeDependencies['webpack'] %>",
@@ -134,30 +124,30 @@
   },
   "scripts": {
     "lint": "eslint .",
-    "lint:fix": "<%= clientPackageManager %> run lint -- --fix",
+    "lint:fix": "<%- nodePackageManager %> run lint -- --fix",
     "cleanup": "rimraf <%= this.relativeDir(clientRootDir, temporaryDir) %>",
     "clean-www": "rimraf <%= this.relativeDir(clientRootDir, clientDistDir) %>",
-    "build": "<%= clientPackageManager %> run webapp:prod --",
+    "build": "<%- nodePackageManager %> run webapp:prod --",
     "build-watch": "concurrently 'npm run webapp:build:dev -- --watch'<% if(!skipServer) { %> npm:backend:start<% } %>",
     "jest": "jest --coverage --logHeapUsage --maxWorkers=2 --config jest.conf.js",
-    "jest:update": "<%= clientPackageManager %> run jest -- --updateSnapshot",
-    "start": "<%= clientPackageManager %> run webapp:dev --",
-    "start-tls": "<%= clientPackageManager %> run webapp:dev -- --env tls",
+    "jest:update": "<%- nodePackageManager %> run jest -- --updateSnapshot",
+    "start": "<%- nodePackageManager %> run webapp:dev --",
+    "start-tls": "<%- nodePackageManager %> run webapp:dev -- --env tls",
 <%_ if (skipServer) { _%>
     "sonar": "sonar-scanner",
 <%_ } _%>
-    "pretest": "<%= clientPackageManager %> run lint",
-    "test": "<%= clientPackageManager %> run jest --",
-    "test-ci": "<%= clientPackageManager %> run lint && <%= clientPackageManager %> run jest:update --",
-    "test:watch": "<%= clientPackageManager %> run jest -- --watch",
+    "pretest": "<%- nodePackageManager %> run lint",
+    "test": "<%- nodePackageManager %> run jest --",
+    "test-ci": "<%- nodePackageManager %> run lint && <%- nodePackageManager %> run jest:update --",
+    "test:watch": "<%- nodePackageManager %> run jest -- --watch",
     "watch": "concurrently 'npm run start' npm:backend:start",
-    "webapp:build": "<%= clientPackageManager %> run clean-www && <%= clientPackageManager %> run webapp:build:dev --",
+    "webapp:build": "<%- nodePackageManager %> run clean-www && <%- nodePackageManager %> run webapp:build:dev --",
     "webapp:build:dev": "webpack --config webpack/webpack.dev.js --env stats=minimal",
     "webapp:build:prod": "webpack --config webpack/webpack.prod.js --progress=profile",
-    "webapp:dev": "<%= clientPackageManager %> run webpack-dev-server -- --config webpack/webpack.dev.js --env stats=minimal",
-    "webapp:dev-verbose": "<%= clientPackageManager %> run webpack-dev-server -- --config webpack/webpack.dev.js --progress=profile --env stats=normal",
-    "webapp:prod": "<%= clientPackageManager %> run clean-www && <%= clientPackageManager %> run webapp:build:prod --",
-    "webapp:test": "<%= clientPackageManager %> run test --",
+    "webapp:dev": "<%- nodePackageManager %> run webpack-dev-server -- --config webpack/webpack.dev.js --env stats=minimal",
+    "webapp:dev-verbose": "<%- nodePackageManager %> run webpack-dev-server -- --config webpack/webpack.dev.js --progress=profile --env stats=normal",
+    "webapp:prod": "<%- nodePackageManager %> run clean-www && <%- nodePackageManager %> run webapp:build:prod --",
+    "webapp:test": "<%- nodePackageManager %> run test --",
     "webpack-dev-server": "webpack serve"
   }
 }

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

@@ -0,0 +1,23 @@
+<%#
+ Copyright 2013-2025 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.
+-%>
+import autoprefixer from 'autoprefixer';
+
+export default {
+  plugins: [autoprefixer()],
+};

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

@@ -35,7 +35,7 @@ const setupAxiosInterceptors = onUnauthenticated => {
   };
   const onResponseSuccess = response => response;
   const onResponseError = (err: AxiosError) => {
-    const status = err.status || (err.response ? err.response.status : 0);
+    const status = err.status ?? (err.response ? err.response.status : 0);
     if (status === 401) {
       onUnauthenticated();
     }

package/dist/generators/react/templates/src/main/webapp/app/config/dayjs.ts.ejs

@@ -5,7 +5,6 @@ import relativeTime from 'dayjs/plugin/relativeTime';
 
 // jhipster-needle-i18n-language-dayjs-imports - JHipster will import languages from dayjs here
 
-// DAYJS CONFIGURATION
 dayjs.extend(customParseFormat);
 dayjs.extend(duration);
 dayjs.extend(relativeTime);

package/dist/generators/react/templates/src/main/webapp/app/config/error-middleware.ts.ejs

@@ -36,7 +36,7 @@ export default () => next => action => {
     const { error } = action;
     if (error) {
       console.error(`${action.type} caught at middleware with reason: ${JSON.stringify(error.message)}.`);
-      if (error.response && error.response.data) {
+      if (error.response?.data) {
         const message = getErrorMessage(error.response.data);
         console.error(`Actual cause: ${message}`);
       }

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

@@ -17,7 +17,7 @@
  limitations under the License.
 -%>
 
-import { createStore, applyMiddleware } from 'redux';
+import { configureStore } from '@reduxjs/toolkit';
 import * as toastify from 'react-toastify'; // synthetic default import doesn't work here due to mocking.
 import sinon from 'sinon';
 <%_ if (enableTranslation) { _%>
@@ -27,7 +27,7 @@ import { TranslatorContext } from 'react-jhipster';
 import notificationMiddleware from './notification-middleware';
 
 describe('Notification Middleware', () => {
-  let store;
+  let store: ReturnType<typeof makeStore>;
 
   const SUCCESS_TYPE = 'SUCCESS/fulfilled';
   const ERROR_TYPE = 'ERROR/rejected';
@@ -170,7 +170,11 @@ describe('Notification Middleware', () => {
     },
   };
 
-  const makeStore = () => applyMiddleware(notificationMiddleware)(createStore)(() => null);
+  const makeStore = () =>
+  configureStore({
+    reducer: (state = {}) => state,
+    middleware: getDefaultMiddleware => getDefaultMiddleware().concat(notificationMiddleware),
+  });
 
 <%_ if (enableTranslation) { _%>
   beforeAll(() => {
@@ -182,6 +186,8 @@ describe('Notification Middleware', () => {
     store = makeStore();
     sinon.spy(toastify.toast, 'error');
     sinon.spy(toastify.toast, 'success');
+    // ignore console errors
+    jest.spyOn(window.console, 'error').mockImplementation();
   });
 
   afterEach(() => {
@@ -197,44 +203,37 @@ describe('Notification Middleware', () => {
 
   it('should trigger a success toast message for header alerts', () => {
     expect(store.dispatch(HEADER_SUCCESS).payload.status).toEqual(201);
-    const toastMsg = (toastify.toast as any).success.getCall(0).args[0];
-    expect(toastMsg).toContain('foo.created');
+    sinon.assert.calledWithMatch((toastify.toast as any).success, 'foo.created');
   });
 
   it('should trigger an error toast message and return error', () => {
     expect(store.dispatch(DEFAULT_ERROR).error.message).toEqual('foo');
-    const toastMsg = (toastify.toast as any).error.getCall(0).args[0];
-    expect(toastMsg).toEqual('foo');
+    sinon.assert.calledWithMatch((toastify.toast as any).error, 'foo');
   });
 
   it('should trigger an error toast message and return error for generic message', () => {
     expect(store.dispatch(GENERIC_ERROR).error.response.data.message).toEqual('Error');
-    const toastMsg = (toastify.toast as any).error.getCall(0).args[0];
-    expect(toastMsg).toContain('Error');
+    sinon.assert.calledWithMatch((toastify.toast as any).error, 'Error');
   });
 
   it('should trigger an error toast message and return error for 400 response code', () => {
     expect(store.dispatch(VALIDATION_ERROR).error.response.data.message).toEqual('error.validation');
-    const toastMsg = (toastify.toast as any).error.getCall(0).args[0];
-    expect(toastMsg).toContain(<% if (enableTranslation) { %>'error.Size'<% } else { %>'Error on field "MinField"'<% } %>);
+    sinon.assert.calledWithMatch((toastify.toast as any).error, <% if (enableTranslation) { %>'error.Size'<% } else { %>'Error on field "MinField"'<% } %>);
   });
 
   it('should trigger an error toast message and return error for 404 response code', () => {
     expect(store.dispatch(NOT_FOUND_ERROR).error.response.data.message).toEqual('Not found');
-    const toastMsg = (toastify.toast as any).error.getCall(0).args[0];
-    expect(toastMsg).toContain(<% if (enableTranslation) { %>'error.url.not.found'<% } else { %>'Not found'<% } %>);
+    sinon.assert.calledWithMatch((toastify.toast as any).error, <% if (enableTranslation) { %>'error.url.not.found'<% } else { %>'Not found'<% } %>);
   });
 
   it('should trigger an error toast message and return error for 0 response code', () => {
     expect(store.dispatch(NO_SERVER_ERROR).error.response.status).toEqual(0);
-    const toastMsg = (toastify.toast as any).error.getCall(0).args[0];
-    expect(toastMsg).toContain(<% if (enableTranslation) { %>'error.server.not.reachable'<% } else { %>'Server not reachable'<% } %>);
+    sinon.assert.calledWithMatch((toastify.toast as any).error, <% if (enableTranslation) { %>'error.server.not.reachable'<% } else { %>'Server not reachable'<% } %>);
   });
 
   it('should trigger an error toast message and return error for headers containing errors', () => {
     expect(store.dispatch(HEADER_ERRORS).error.response.status).toEqual(400);
-    const toastMsg = (toastify.toast as any).error.getCall(0).args[0];
-    expect(toastMsg).toContain('foo.creation');
+    sinon.assert.calledWithMatch((toastify.toast as any).error, 'foo.creation');
   });
 
   it('should not trigger an error toast message and return error for 401 response code', () => {
@@ -245,25 +244,21 @@ describe('Notification Middleware', () => {
 
   it('should trigger an error toast message and return error for 400 response code', () => {
     expect(store.dispatch(TITLE_ERROR).error.response.status).toEqual(400);
-    const toastMsg = (toastify.toast as any).error.getCall(0).args[0];
-    expect(toastMsg).toContain('Incorrect password');
+    sinon.assert.calledWithMatch((toastify.toast as any).error, 'Incorrect password');
   });
 
   it('should trigger an error toast message and return error for string in data', () => {
     expect(store.dispatch(STRING_DATA_ERROR).error.response.status).toEqual(400);
-    const toastMsg = (toastify.toast as any).error.getCall(0).args[0];
-    expect(toastMsg).toContain('Incorrect password string');
+    sinon.assert.calledWithMatch((toastify.toast as any).error, 'Incorrect password string');
   });
 
   it('should trigger an error toast message and return error for unknown 400 error', () => {
     expect(store.dispatch(UNKNOWN_400_ERROR).error.response.status).toEqual(400);
-    const toastMsg = (toastify.toast as any).error.getCall(0).args[0];
-    expect(toastMsg).toContain('Unknown error!');
+    sinon.assert.calledWithMatch((toastify.toast as any).error, 'Unknown error!');
   });
 
   it('should trigger an error toast message and return error for unknown error', () => {
     expect(store.dispatch(UNKNOWN_ERROR).error.isAxiosError).toEqual(true);
-    const toastMsg = (toastify.toast as any).error.getCall(0).args[0];
-    expect(toastMsg).toContain('Unknown error!');
+    sinon.assert.calledWithMatch((toastify.toast as any).error, 'Unknown error!');
   });
 });