Build: Add extensions to lodash imports

.ci/danger/dangerfile.ts

@@ -5,7 +5,7 @@ execSync('npm install lodash');
 
 const flatten = require('lodash/flatten');
 const intersection = require('lodash/intersection');
-const isEmpty = require('lodash/isEmpty');
+const isEmpty = require('lodash/isEmpty.js');
 
 const pkg = require('../../code/package.json'); // eslint-disable-line import/newline-after-import
 const prLogConfig = pkg['pr-log'];

code/.eslintrc.js

@@ -12,6 +12,7 @@ module.exports = {
   rules: {
     'eslint-comments/disable-enable-pair': ['error', { allowWholeFile: true }],
     'react-hooks/rules-of-hooks': 'off',
+    'import/extensions': 'off', // for mjs, we sometimes need extensions
     'jest/no-done-callback': 'off',
     '@typescript-eslint/dot-notation': [
       'error',

code/lib/manager-api/src/lib/merge.ts

@@ -1,5 +1,5 @@
 import mergeWith from 'lodash/mergeWith';
-import isEqual from 'lodash/isEqual';
+import isEqual from 'lodash/isEqual.js';
 
 import { logger } from '@storybook/client-logger';
 

code/lib/preview-api/src/modules/preview-web/parseArgsParam.ts

@@ -2,7 +2,7 @@ import qs from 'qs';
 import { dedent } from 'ts-dedent';
 import type { Args } from '@storybook/types';
 import { once } from '@storybook/client-logger';
-import isPlainObject from 'lodash/isPlainObject';
+import isPlainObject from 'lodash/isPlainObject.js';
 
 // Keep this in sync with validateArgs in router/src/utils.ts
 const VALIDATION_REGEXP = /^[a-zA-Z0-9 _-]*$/;

code/lib/preview-api/src/modules/store/args.ts

@@ -1,7 +1,7 @@
 import { dequal as deepEqual } from 'dequal';
 import type { Renderer, Args, ArgTypes, InputType, SBType, StoryContext } from '@storybook/types';
 import { once } from '@storybook/client-logger';
-import isPlainObject from 'lodash/isPlainObject';
+import isPlainObject from 'lodash/isPlainObject.js';
 import { dedent } from 'ts-dedent';
 
 const INCOMPATIBLE = Symbol('incompatible');

code/lib/preview-api/src/modules/store/parameters.ts

@@ -1,6 +1,6 @@
 // Utilities for handling parameters
 import type { Parameters } from '@storybook/types';
-import isPlainObject from 'lodash/isPlainObject';
+import isPlainObject from 'lodash/isPlainObject.js';
 
 /**
  * Safely combine parameters recursively. Only copy objects when needed.

code/lib/router/src/utils.ts

@@ -1,6 +1,6 @@
 import { once } from '@storybook/client-logger';
 import { dequal as deepEqual } from 'dequal';
-import isPlainObject from 'lodash/isPlainObject';
+import isPlainObject from 'lodash/isPlainObject.js';
 import memoize from 'memoizerific';
 import type { IStringifyOptions } from 'qs';
 import qs from 'qs';

code/renderers/react/src/docs/lib/defaultValues/createFromRawDefaultProp.ts

@@ -1,7 +1,7 @@
 /* eslint-disable @typescript-eslint/ban-types */
-import isPlainObject from 'lodash/isPlainObject';
-import isFunction from 'lodash/isFunction';
-import isString from 'lodash/isString';
+import isPlainObject from 'lodash/isPlainObject.js';
+import isFunction from 'lodash/isFunction.js';
+import isString from 'lodash/isString.js';
 import reactElementToJSXString from 'react-element-to-jsx-string';
 import {
   type PropDef,