optimize lodash

package.json

@@ -34,7 +34,7 @@
     "formik": "^2.4.6",
     "highlight.js": "^11.10.0",
     "jest": "^29.7.0",
-    "lodash": "^4.17.21",
+    "lodash-es": "^4.17.21",
     "normalize.css": "^8.0.1",
     "postcss": "^8.4.47",
     "postcss-import": "^16.1.0",

src/common/components/configurationForm/index.jsx

@@ -2,6 +2,7 @@ import React, { useEffect, useMemo } from 'react'
 import { useDispatch } from 'react-redux'
 import { useSearchParams } from 'react-router-dom'
 import classnames from 'classnames'
+import { isEmpty } from 'lodash-es'
 import { Formik, Field, Form } from 'formik'
 import FormField from '@common/components/form/field'
 import FormDropdown from '@common/components/form/dropdown'
@@ -123,6 +124,10 @@ const ConfigurationForm = () => {
   }, [searchParams])
 
   const formParams = useMemo(() => {
+    if (isEmpty(urlParams)) {
+      return FORM_DEFAULTS
+    }
+
     let vParams = urlParams
 
     try {

src/common/components/form/dropdown.jsx

@@ -1,12 +1,12 @@
 import React from 'react'
 import PropTypes from 'prop-types'
-import _camelCase from 'lodash/camelCase'
+import { camelCase } from 'lodash-es'
 import Tooltip from './tooltip'
 
 import './dropdown.css'
 
 const FormDropdown = ({ label, tooltip, options, field, form: { touched, errors }, ...rest }) => {
-  const dropdownID = _camelCase(`${field.name}-id`)
+  const dropdownID = camelCase(`${field.name}-id`)
   const isError = touched[field.name] && errors[field.name]
 
   return (

src/common/components/form/field.jsx

@@ -1,12 +1,12 @@
 import React from 'react'
 import PropTypes from 'prop-types'
-import _camelCase from 'lodash/camelCase'
+import { camelCase } from 'lodash-es'
 import Tooltip from './tooltip'
 
 import './field.css'
 
 const FormField = ({ label, tooltip, field, form: { touched, errors }, ...rest }) => {
-  const inputID = _camelCase(`${field.name}-id`)
+  const inputID = camelCase(`${field.name}-id`)
   const isError = touched[field.name] && errors[field.name]
 
   return (

yarn.lock

@@ -7600,7 +7600,7 @@ __metadata:
     formik: "npm:^2.4.6"
     highlight.js: "npm:^11.10.0"
     jest: "npm:^29.7.0"
-    lodash: "npm:^4.17.21"
+    lodash-es: "npm:^4.17.21"
     normalize.css: "npm:^8.0.1"
     postcss: "npm:^8.4.47"
     postcss-import: "npm:^16.1.0"