@dr.pogodin/react-utils 1.42.0 → 1.43.0

package/config/webpack/app-base.js

@@ -1,10 +1,5 @@
 "use strict";
-/**
- * @category Configs
- * @module webpack/app-base
- * @desc
- * Base [Webpack](https://webpack.js.org/) configuration for apps.
- */
+/* eslint-disable import/no-extraneous-dependencies */
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -130,27 +125,28 @@ const utils_1 = require("@dr.pogodin/babel-plugin-react-css-modules/utils");
  *   - **`timestamp`** — The value set for `BUILD_TIMESTAMP`.
  */
 function configFactory(ops) {
-    var _a;
+    var _a, _b;
     const o = (0, lodash_1.defaults)((0, lodash_1.clone)(ops), {
         babelLoaderOptions: {},
         cssLocalIdent: '[hash:base64:6]',
         outputPath: 'build/web-public',
         publicPath: '',
     });
-    const fs = ops.fs || fs_1.default;
+    const fs = (_a = ops.fs) !== null && _a !== void 0 ? _a : fs_1.default;
+    // TODO: Should it be improved and re-validated? Are we using it in any project
+    // as is?
     /* TODO: This works in practice, but being async and not awaited it is a bad
      * pattern. */
     if (o.sitemap) {
         const sitemapUrl = path_1.default.resolve(o.context, o.sitemap);
-        /* eslint-disable global-require, import/no-dynamic-require */
+        // eslint-disable-next-line import/no-dynamic-require, @typescript-eslint/no-require-imports
         let source = require(sitemapUrl);
         if ((0, lodash_1.isFunction)(source))
             source = source();
-        /* eslint-enable global-require, import/no-dynamic-require */
         const sm = new sitemap_1.default.SitemapStream();
         source.forEach((item) => sm.write(item));
         sm.end();
-        sitemap_1.default.streamToPromise(sm).then((sitemap) => {
+        void sitemap_1.default.streamToPromise(sm).then((sitemap) => {
             const outUrl = path_1.default.resolve(o.context, o.outputPath);
             if (!fs.existsSync(outUrl))
                 fs.mkdirSync(outUrl);
@@ -178,18 +174,16 @@ function configFactory(ops) {
     }
     // Even if "keepBuildInfo" option was provided, we still generate a new
     // build info object in case nothing could be loaded.
-    if (!buildInfo) {
-        buildInfo = Object.freeze({
-            /* A random 32-bit key, that can be used for encryption. */
-            key: node_forge_1.default.random.getBytesSync(32),
-            /* Public path used during build. */
-            publicPath: o.publicPath,
-            /* `true` if client-side code should setup a service worker. */
-            useServiceWorker: Boolean(o.workbox),
-            // Build timestamp.
-            timestamp: new Date().toISOString(),
-        });
-    }
+    buildInfo !== null && buildInfo !== void 0 ? buildInfo : (buildInfo = Object.freeze({
+        /* A random 32-bit key, that can be used for encryption. */
+        key: node_forge_1.default.random.getBytesSync(32),
+        /* Public path used during build. */
+        publicPath: o.publicPath,
+        /* `true` if client-side code should setup a service worker. */
+        useServiceWorker: Boolean(o.workbox),
+        // Build timestamp.
+        timestamp: new Date().toISOString(),
+    }));
     // If not opted-out, we write the build info to the filesystem. We also attach
     // it to the factory function itself, so it can be easily accessed right after
     // the factory call in testing scenarios.
@@ -220,61 +214,19 @@ function configFactory(ops) {
     return {
         context: o.context,
         entry,
-        node: {
-            __dirname: true,
-        },
         mode: o.mode,
-        output: {
-            chunkFilename: '[contenthash].js',
-            filename: '[contenthash].js',
-            path: path_1.default.resolve(__dirname, o.context, o.outputPath),
-            publicPath: `${o.publicPath}/`,
-        },
-        plugins,
-        resolve: {
-            alias: {
-                // NOTE: The "conditionNames" workaround below messes up the loading of
-                // Babel's runtime helper for require of CJS and ES styles of modules
-                // (without this alias it is resolved to
-                // @babel/runtime/helpers/esm/interopRequireDefault, which has
-                // the hepler function attached to "default" export).
-                '@babel/runtime/helpers/interopRequireDefault': path_1.default.resolve(o.context, 'node_modules/@babel/runtime/helpers/interopRequireDefault'),
-                // Aliases to JS an JSX files are handled by Babel.
-                assets: path_1.default.resolve(o.context, 'src/assets'),
-                components: path_1.default.resolve(o.context, 'src/shared/components'),
-                fonts: path_1.default.resolve(o.context, 'src/assets/fonts'),
-                styles: path_1.default.resolve(o.context, 'src/styles'),
-            },
-            // NOTE: This is primarily motivated by the issue #413
-            // https://github.com/birdofpreyru/react-utils/issues/413
-            // caused by react-router exporting different package builds
-            // for "import" and "default" conditions, resulting in Webpack
-            // picking up different module versions for import() and require()
-            // imports. Adding "import" with the highest priorty below forces
-            // the "import" to be used, working around the problem.
-            conditionNames: ['import', '...'],
-            extensions: [
-                '.ts',
-                '.tsx',
-                '.js',
-                '.jsx',
-                '.json',
-                '.scss',
-            ],
-            symlinks: false,
-        },
         module: {
             rules: [{
                     /* Loads font resources from "src/assets/fonts" folder. */
                     test: /\.(eot|otf|svg|ttf|woff2?)$/,
+                    generator: {
+                        filename: 'fonts/[contenthash][ext][query]',
+                    },
                     include: [
                         /node_modules/,
                         /src[/\\]assets[/\\]fonts/,
                     ],
                     type: 'asset/resource',
-                    generator: {
-                        filename: 'fonts/[contenthash][ext][query]',
-                    },
                 }, {
                     // Aggregates source maps from dependencies.
                     test: /\.js$/,
@@ -284,7 +236,7 @@ function configFactory(ops) {
                     // Loads JS modules (.cjs, .js, .jsx); TS modules (.ts, .tsx);
                     // and SVG assets (.svg).
                     test: ops.typescript ? /\.(cjs|(j|t)sx?|svg)$/ : /\.(cjs|jsx?|svg)$/,
-                    exclude: (_a = ops.babelLoaderExclude) !== null && _a !== void 0 ? _a : [/node_modules/],
+                    exclude: (_b = ops.babelLoaderExclude) !== null && _b !== void 0 ? _b : [/node_modules/],
                     loader: 'babel-loader',
                     options: Object.assign({ babelrc: false, configFile: false, envName: o.babelEnv, presets: [['@dr.pogodin/react-utils/config/babel/webpack', {
                                     typescript: ops.typescript,
@@ -292,10 +244,10 @@ function configFactory(ops) {
                 }, {
                     /* Loads image assets. */
                     test: /\.(gif|jpe?g|png)$/,
-                    type: 'asset/resource',
                     generator: {
                         filename: 'images/[contenthash][ext][query]',
                     },
+                    type: 'asset/resource',
                 }, {
                     /* Loads SCSS stylesheets. */
                     test: /\.scss$/,
@@ -338,5 +290,47 @@ function configFactory(ops) {
                     ],
                 }],
         },
+        node: {
+            __dirname: true,
+        },
+        output: {
+            chunkFilename: '[contenthash].js',
+            filename: '[contenthash].js',
+            path: path_1.default.resolve(__dirname, o.context, o.outputPath),
+            publicPath: `${o.publicPath}/`,
+        },
+        plugins,
+        resolve: {
+            alias: {
+                // NOTE: The "conditionNames" workaround below messes up the loading of
+                // Babel's runtime helper for require of CJS and ES styles of modules
+                // (without this alias it is resolved to
+                // @babel/runtime/helpers/esm/interopRequireDefault, which has
+                // the hepler function attached to "default" export).
+                '@babel/runtime/helpers/interopRequireDefault': path_1.default.resolve(o.context, 'node_modules/@babel/runtime/helpers/interopRequireDefault'),
+                // Aliases to JS an JSX files are handled by Babel.
+                assets: path_1.default.resolve(o.context, 'src/assets'),
+                components: path_1.default.resolve(o.context, 'src/shared/components'),
+                fonts: path_1.default.resolve(o.context, 'src/assets/fonts'),
+                styles: path_1.default.resolve(o.context, 'src/styles'),
+            },
+            // NOTE: This is primarily motivated by the issue #413
+            // https://github.com/birdofpreyru/react-utils/issues/413
+            // caused by react-router exporting different package builds
+            // for "import" and "default" conditions, resulting in Webpack
+            // picking up different module versions for import() and require()
+            // imports. Adding "import" with the highest priorty below forces
+            // the "import" to be used, working around the problem.
+            conditionNames: ['import', '...'],
+            extensions: [
+                '.ts',
+                '.tsx',
+                '.js',
+                '.jsx',
+                '.json',
+                '.scss',
+            ],
+            symlinks: false,
+        },
     };
 }

package/config/webpack/app-development.d.ts

@@ -1,5 +1,5 @@
 import MiniCssExtractPlugin from 'mini-css-extract-plugin';
-import webpack from 'webpack';
+import { type Configuration } from 'webpack';
 import { type OptionsT as BaseOptionsT } from './app-base';
 type OptionsT = BaseOptionsT & {
     dontUseHmr?: boolean;
@@ -11,5 +11,5 @@ type OptionsT = BaseOptionsT & {
  * @param [ops.dontUseReactGlobalStateDebugging]
  * @param [ops.dontUseHmr]
  */
-export default function configFactory(ops: OptionsT): webpack.Configuration;
+export default function configFactory(ops: OptionsT): Configuration;
 export {};

package/config/webpack/app-development.js

@@ -1,14 +1,10 @@
 "use strict";
+/* eslint-disable import/no-extraneous-dependencies */
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = configFactory;
-/**
- * @category Configs
- * @module webpack/app-development
- * @desc development Webpack configuration for applications.
- */
 const lodash_1 = require("lodash");
 const mini_css_extract_plugin_1 = __importDefault(require("mini-css-extract-plugin"));
 const react_refresh_webpack_plugin_1 = __importDefault(require("@pmmmwh/react-refresh-webpack-plugin"));
@@ -42,13 +38,13 @@ function configFactory(ops) {
     // "ReferenceError: $RefreshReg$ is not defined" error. For now it seems
     // fine to keep these plugins anyway, thus the shortcut of "if" condition
     // below.
-    if (true || !o.dontUseHmr) {
-        plugins.push(new webpack_1.default.HotModuleReplacementPlugin(), new react_refresh_webpack_plugin_1.default({
-            overlay: {
-                sockIntegration: 'whm',
-            },
-        }));
-    }
+    // if (true ?? !o.dontUseHmr) {
+    plugins.push(new webpack_1.default.HotModuleReplacementPlugin(), new react_refresh_webpack_plugin_1.default({
+        overlay: {
+            sockIntegration: 'whm',
+        },
+    }));
+    // }
     const res = (0, webpack_merge_1.merge)((0, app_base_1.default)(Object.assign(Object.assign({}, o), { babelEnv: 'development', entry, mode: 'development' })), {
         output: {
             chunkFilename: '[id].js',

package/config/webpack/app-production.js

@@ -9,6 +9,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = configFactory;
+/* eslint-disable import/no-extraneous-dependencies */
 const css_minimizer_webpack_plugin_1 = __importDefault(require("css-minimizer-webpack-plugin"));
 const mini_css_extract_plugin_1 = __importDefault(require("mini-css-extract-plugin"));
 const webpack_1 = __importDefault(require("webpack"));

package/config/webpack/lib-base.js

@@ -5,6 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = configFactory;
+/* eslint-disable import/no-extraneous-dependencies */
 const path_1 = __importDefault(require("path"));
 const autoprefixer_1 = __importDefault(require("autoprefixer"));
 const mini_css_extract_plugin_1 = __importDefault(require("mini-css-extract-plugin"));
@@ -17,6 +18,7 @@ const utils_1 = require("@dr.pogodin/babel-plugin-react-css-modules/utils");
  * @return {object}
  */
 function configFactory(ops) {
+    var _a;
     const plugins = [
         new mini_css_extract_plugin_1.default(Object.assign({ filename: 'style.css' }, ops.cssExtractionOptions)),
     ];
@@ -44,18 +46,6 @@ function configFactory(ops) {
             'uuid',
         ],
         mode: ops.mode,
-        output: {
-            filename: 'web.bundle.js',
-            // TODO: Check, whether this fix can be dropped.
-            // Workaround to fix umd build, restore webpack v3 behaviour
-            // https://github.com/webpack/webpack/issues/6677
-            // https://github.com/webpack/webpack/issues/6642
-            globalObject: "typeof self !== 'undefined' ? self : this",
-            library: ops.library,
-            path: ops.outputPath,
-            libraryTarget: 'umd',
-        },
-        plugins,
         module: {
             rules: [{
                     /* Handles font imports in url(..) instructions in CSS. Effectively,
@@ -63,11 +53,6 @@ function configFactory(ops) {
                      * the original location of the font assets in
                      * the library being build. */
                     test: /\.(eot|otf|svg|ttf|woff2?)$/,
-                    include: [
-                        /node_modules/,
-                        /src[/\\]assets[/\\]fonts/,
-                    ],
-                    type: 'asset/resource',
                     generator: {
                         // TODO: This comes from the older config version which relied on
                         // file-loader. It might require some correction to correctly join
@@ -75,6 +60,11 @@ function configFactory(ops) {
                         filename: '../shared/[path][name][ext]',
                         publicPath: `${ops.library}/build/shared`,
                     },
+                    include: [
+                        /node_modules/,
+                        /src[/\\]assets[/\\]fonts/,
+                    ],
+                    type: 'asset/resource',
                 }, {
                     // Aggregates source maps from dependencies.
                     test: /\.js$/,
@@ -96,7 +86,7 @@ function configFactory(ops) {
                                     noRR: true,
                                     typescript: ops.typescript,
                                 }],
-                        ] }, ops.babelLoaderOptions || {}),
+                        ] }, (_a = ops.babelLoaderOptions) !== null && _a !== void 0 ? _a : {}),
                 }, {
                     /* Loads SCSS stylesheets. */
                     test: /\.scss/,
@@ -143,6 +133,18 @@ function configFactory(ops) {
                     ],
                 }],
         },
+        output: {
+            filename: 'web.bundle.js',
+            // TODO: Check, whether this fix can be dropped.
+            // Workaround to fix umd build, restore webpack v3 behaviour
+            // https://github.com/webpack/webpack/issues/6677
+            // https://github.com/webpack/webpack/issues/6642
+            globalObject: "typeof self !== 'undefined' ? self : this",
+            library: ops.library,
+            libraryTarget: 'umd',
+            path: ops.outputPath,
+        },
+        plugins,
         resolve: {
             alias: {
                 /* Aliases to JS an JSX files are handled by Babel. */

package/config/webpack/lib-development.js

@@ -5,6 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = configFactory;
+/* eslint-disable import/no-extraneous-dependencies */
 const path_1 = __importDefault(require("path"));
 const webpack_1 = __importDefault(require("webpack"));
 const webpack_merge_1 = require("webpack-merge");

package/config/webpack/lib-production.js

@@ -5,6 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = configFactory;
+/* eslint-disable import/no-extraneous-dependencies */
 const path_1 = __importDefault(require("path"));
 const css_minimizer_webpack_plugin_1 = __importDefault(require("css-minimizer-webpack-plugin"));
 const webpack_1 = __importDefault(require("webpack"));

package/config/workbox/default.js

@@ -1,10 +1,8 @@
 /**
  * Default Workbox config.
  */
-/* global self */
 
-// This is to whitelist self usage beloew.
-/* eslint-disable no-restricted-globals */
+/* global self */
 
 /* eslint-disable import/no-extraneous-dependencies */
 import { clientsClaim } from 'workbox-core';
@@ -14,6 +12,5 @@ import { precacheAndRoute } from 'workbox-precaching';
 self.skipWaiting();
 clientsClaim();
 
-/* eslint-disable no-underscore-dangle */
+// eslint-disable-next-line no-underscore-dangle
 precacheAndRoute(self.__WB_MANIFEST);
-/* eslint-enable no-underscore-dangle */

package/dev-styles.js

@@ -0,0 +1 @@
+// TODO: Do we really need this module?

package/eslint.config.mjs

@@ -0,0 +1,13 @@
+import config from './config/eslint/default.mjs';
+
+config.push(
+  {
+    ignores: [
+      'config/babel/',
+      'config/webpack/',
+      'docs/.docusaurus/',
+    ],
+  },
+);
+
+export default config;

package/node-entry.js

@@ -1,10 +1,15 @@
+// TODO: We should re-visit, if this can be simplified / optimized?
+/* global global, module, process, require */
+
 // This permits to load the library in react-native, or other environment that
 // does not have __dirname global. It probably breaks a few node-specific lib
 // pieces, but that does not seem to prevent more relevant parts from working.
-// eslint-disable-next-line no-underscore-dangle
-if (typeof __dirname === 'undefined') global.__dirname = '';
+if (typeof __dirname === 'undefined') {
+  global.__dirname = ''; // eslint-disable-line no-underscore-dangle
+}
 
 // Again, for react-native, and maybe some other environments, we need
 // to have no dynamic requires below (i.e. can't do require(`./build/${env}`)).
+// eslint-disable-next-line import/no-commonjs
 module.exports = process.env.NODE_ENV === 'production'
   ? require('./build/production') : require('./build/development');

package/null.js

@@ -0,0 +1 @@
+// TODO: Do we really need this module?

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.42.0",
+  "version": "1.43.0",
   "bin": {
     "react-utils-build": "bin/build.js",
     "react-utils-setup": "bin/setup.js"
@@ -9,10 +9,11 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.27.0",
-    "@dr.pogodin/babel-plugin-react-css-modules": "^6.13.3",
+    "@dr.pogodin/babel-plugin-react-css-modules": "^6.13.4",
     "@dr.pogodin/csurf": "^1.14.1",
     "@dr.pogodin/js-utils": "^0.0.17",
     "@dr.pogodin/react-global-state": "^0.18.1",
+    "@dr.pogodin/react-helmet": "^3.0.1",
     "@dr.pogodin/react-themes": "^1.8.0",
     "@jest/environment": "^29.7.0",
     "axios": "^1.8.4",
@@ -34,8 +35,7 @@
     "raf": "^3.4.1",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
-    "@dr.pogodin/react-helmet": "^2.0.4",
-    "react-router": "^7.4.1",
+    "react-router": "^7.5.1",
     "request-ip": "^3.3.0",
     "rimraf": "^6.0.0",
     "serialize-javascript": "^6.0.2",
@@ -48,8 +48,6 @@
   "devDependencies": {
     "@babel/cli": "^7.27.0",
     "@babel/core": "^7.26.10",
-    "@babel/eslint-parser": "^7.27.0",
-    "@babel/eslint-plugin": "^7.27.0",
     "@babel/node": "^7.26.0",
     "@babel/plugin-transform-runtime": "^7.26.10",
     "@babel/preset-env": "^7.26.9",
@@ -58,9 +56,10 @@
     "@babel/register": "^7.25.9",
     "@dr.pogodin/babel-plugin-transform-assets": "^1.2.4",
     "@dr.pogodin/babel-preset-svgr": "^1.9.0",
+    "@dr.pogodin/eslint-configs": "^0.0.2",
     "@pmmmwh/react-refresh-webpack-plugin": "^0.5.16",
     "@testing-library/dom": "^10.4.0",
-    "@testing-library/react": "^16.2.0",
+    "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.6.1",
     "@tsconfig/recommended": "^1.0.8",
     "@types/compression": "^1.7.5",
@@ -74,13 +73,14 @@
     "@types/morgan": "^1.9.9",
     "@types/node-forge": "^1.3.11",
     "@types/pretty": "^2.0.3",
-    "@types/react": "^19.0.12",
-    "@types/react-dom": "^19.0.4",
+    "@types/react": "^19.1.2",
+    "@types/react-dom": "^19.1.2",
     "@types/request-ip": "^0.0.41",
     "@types/serialize-javascript": "^5.0.4",
     "@types/serve-favicon": "^2.5.7",
     "@types/supertest": "^6.0.3",
     "@types/webpack": "^5.28.5",
+    "@types/webpack-hot-middleware": "^2.25.9",
     "autoprefixer": "^10.4.21",
     "babel-jest": "^29.7.0",
     "babel-loader": "^10.0.0",
@@ -88,15 +88,7 @@
     "core-js": "^3.41.0",
     "css-loader": "^7.1.2",
     "css-minimizer-webpack-plugin": "^7.0.2",
-    "eslint": "^8.57.1",
-    "eslint-config-airbnb": "^19.0.4",
-    "eslint-config-airbnb-typescript": "^18.0.0",
-    "eslint-import-resolver-babel-module": "^5.3.2",
-    "eslint-plugin-import": "^2.31.0",
-    "eslint-plugin-jest": "^28.11.0",
-    "eslint-plugin-jsx-a11y": "^6.10.2",
-    "eslint-plugin-react": "^7.37.4",
-    "eslint-plugin-react-hooks": "^4.6.2",
+    "eslint": "^9.25.0",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
@@ -111,19 +103,18 @@
     "react-refresh": "^0.17.0",
     "regenerator-runtime": "^0.14.1",
     "resolve-url-loader": "^5.0.0",
-    "sass": "^1.86.0",
+    "sass": "^1.86.3",
     "sass-loader": "^16.0.5",
     "sitemap": "^8.0.0",
     "source-map-loader": "^5.0.0",
-    "stylelint": "^16.17.0",
+    "stylelint": "^16.18.0",
     "stylelint-config-standard-scss": "^14.0.0",
     "supertest": "^7.1.0",
-    "tsc-alias": "^1.8.13",
+    "tsc-alias": "^1.8.15",
     "tstyche": "^3.5.0",
     "typed-scss-modules": "^8.1.1",
-    "typescript": "^5.8.2",
-    "typescript-eslint": "^8.28.0",
-    "webpack": "^5.98.0",
+    "typescript": "^5.8.3",
+    "webpack": "^5.99.6",
     "webpack-dev-middleware": "^7.4.2",
     "webpack-hot-middleware": "^2.26.1",
     "webpack-merge": "^6.0.1",
@@ -152,6 +143,7 @@
       "react-native": "./node-entry.js"
     },
     "./config/*": "./config/*.js",
+    "./config/eslint/*": "./config/eslint/*.mjs",
     "./config/*.json": "./config/*.json",
     "./jest": "./build/production/shared/utils/jest/index.js",
     "./mixins": "./src/styles/mixins.scss",
@@ -201,7 +193,7 @@
     "jest:types": "tstyche",
     "jest": "npm run jest:types && npm run jest:1 && npm run jest:2",
     "lint": "npm run lint:code && npm run lint:scss",
-    "lint:code": "eslint --ext .js,.jsx,.ts,.tsx .",
+    "lint:code": "eslint",
     "lint:scss": "stylelint -- **/*.{css,scss}",
     "test": "npm run lint && npm run typecheck && npm run jest",
     "typecheck": "tsc --project __tests__/tsconfig.json"

package/prod-styles.js

@@ -0,0 +1 @@
+// TODO: Do we really need this module?

package/src/client/getInj.ts

@@ -5,6 +5,8 @@
 // Note: this way, only required part of "node-forge": AES, and some utils,
 // is bundled into client-side code.
 import forge from 'node-forge/lib/forge';
+
+// eslint-disable-next-line import/no-unassigned-import
 import 'node-forge/lib/aes';
 
 import type { InjT } from 'utils/globalState';
@@ -16,8 +18,8 @@ import { getBuildInfo } from 'utils/isomorphy/buildInfo';
 // environment, but there is no document.
 let inj: InjT = {};
 
-const metaElement: HTMLMetaElement | null = typeof document !== 'undefined'
-  ? document.querySelector('meta[itemprop="drpruinj"]') : null;
+const metaElement: HTMLMetaElement | null = typeof document === 'undefined'
+  ? null : document.querySelector('meta[itemprop="drpruinj"]');
 
 if (metaElement) {
   metaElement.remove();
@@ -30,7 +32,10 @@ if (metaElement) {
   d.finish();
 
   data = forge.util.decodeUtf8(d.output.data);
-  inj = eval(`(${data})`); // eslint-disable-line no-eval
+
+  // TODO: Double-check, if there is a safer alternative to parse it?
+  // eslint-disable-next-line no-eval
+  inj = eval(`(${data})`) as InjT;
 } else if (typeof window !== 'undefined' && window.REACT_UTILS_INJECTION) {
   inj = window.REACT_UTILS_INJECTION;
   delete window.REACT_UTILS_INJECTION;

package/src/client/index.tsx

@@ -1,7 +1,7 @@
 // Initialization of client-side code.
 /* global document */
 
-import { type ComponentType } from 'react';
+import type { ComponentType } from 'react';
 import { createRoot, hydrateRoot } from 'react-dom/client';
 import { HelmetProvider } from '@dr.pogodin/react-helmet';
 import { BrowserRouter } from 'react-router';
@@ -12,7 +12,7 @@ import getInj from './getInj';
 
 type OptionsT = {
   dontHydrate?: boolean;
-  initialState?: any;
+  initialState?: unknown;
 };
 
 /**
@@ -23,11 +23,11 @@ type OptionsT = {
 export default function Launch(
   Application: ComponentType,
   options: OptionsT = {},
-) {
+): void {
   const container = document.getElementById('react-view');
   if (!container) throw Error('Failed to find container for React app');
   const scene = (
-    <GlobalStateProvider initialState={getInj().ISTATE || options.initialState}>
+    <GlobalStateProvider initialState={getInj().ISTATE ?? options.initialState}>
       <BrowserRouter>
         <HelmetProvider>
           <Application />