fix: do not import lodash directly

.eslintrc.yml

@@ -3,5 +3,9 @@ rules:
   'import/default': off
   'import/no-unresolved': off
   '@typescript-eslint/no-explicit-any': off
+  no-restricted-imports:
+    - error
+    - name: lodash
+      message: "Use a deep import instead, like for example 'lodash/get'"
 parserOptions:
   sourceType: module

package.json

@@ -112,6 +112,7 @@
     "react-router-dom": "^5.2.0",
     "reactstrap": "^8.9.0",
     "rimraf": "^3.0.2",
+    "rollup-plugin-analyzer": "^4.0.0",
     "typescript": "~4.2.4",
     "vite": "^2.3.2"
   },

src/component/panels/extra/preferences/ColumnsHelper.js

@@ -1,4 +1,4 @@
-import lodash from 'lodash';
+import lodashGet from 'lodash/get';
 
 import FormatNumber from '../../../utility/FormatNumber';
 
@@ -86,5 +86,5 @@ export default class ColumnsHelper {
 }
 
 export function isColumnVisible(preferences, key) {
-  return lodash.get(preferences, key, false);
+  return lodashGet(preferences, key, false);
 }

vite.config.ts

@@ -1,9 +1,10 @@
 import reactRefresh from '@vitejs/plugin-react-refresh';
-import { defineConfig } from 'vite';
+import analyze from 'rollup-plugin-analyzer';
+import { AliasOptions, defineConfig } from 'vite';
 
 // https://vitejs.dev/config/
 export default ({ mode }) => {
-  let resolveAliases = {};
+  let resolveAliases: AliasOptions = [];
   if (mode === 'profiling') {
     resolveAliases = [
       { find: /react-dom$/, replacement: 'react-dom/profiling' },
@@ -20,6 +21,11 @@ export default ({ mode }) => {
       import React from 'react';
     `,
     },
+    build: {
+      rollupOptions: {
+        plugins: process.env.ANALYZE ? [analyze()] : [],
+      },
+    },
     plugins: [reactRefresh()],
     resolve: {
       alias: resolveAliases,