diff --git a/package.json b/package.json
index 7e22820..2378fd3 100644
--- a/package.json
+++ b/package.json
@@ -60,9 +60,8 @@
   "dependencies": {
     "@emotion/react": "^11.1.5",
     "@emotion/styled": "^11.3.0",
-    "@types/lodash": "^4.14.168",
+    "es-toolkit": "^1.39.5",
     "little-state-machine": "^4.1.0",
-    "lodash": "^4.17.21",
     "react-simple-animate": "^3.3.12",
     "use-deep-compare-effect": "^1.8.1",
     "uuid": "^8.3.2"
diff --git a/src/extension/useExportControlToExtension.ts b/src/extension/useExportControlToExtension.ts
index 16984d5..c1456f5 100644
--- a/src/extension/useExportControlToExtension.ts
+++ b/src/extension/useExportControlToExtension.ts
@@ -1,4 +1,4 @@
-import get from 'lodash/get';
+import get from 'es-toolkit/compat/get';
 import { useEffect, useState } from 'react';
 import { Control, useFormState, useWatch } from 'react-hook-form';
 import useDeepCompareEffect from 'use-deep-compare-effect';
@@ -72,7 +72,7 @@ export function useExportControlToExtension({
 
     const nativeFields = flatFieldNames.reduce((prev, name) => {
       const field = get(control._fields, name)?._f;
-      prev[name] = get(field, 'ref')?.type;
+      prev[name] = (get(field, 'ref') as any)?.type;
       return prev;
     }, {} as Record<string, boolean>);
 
diff --git a/src/extension/utils.ts b/src/extension/utils.ts
index a3362e5..d0a8e19 100644
--- a/src/extension/utils.ts
+++ b/src/extension/utils.ts
@@ -1,4 +1,4 @@
-import get from 'lodash/get';
+import get from 'es-toolkit/compat/get';
 
 export function proxyToObject<T extends Record<string, any>>(proxy: T) {
   return Reflect.ownKeys(proxy).reduce((prev, key) => {
diff --git a/src/panelTable.tsx b/src/panelTable.tsx
index 0cb9f9a..345bfad 100644
--- a/src/panelTable.tsx
+++ b/src/panelTable.tsx
@@ -1,7 +1,6 @@
 import * as React from 'react';
 import { get } from 'react-hook-form';
-import isUndefined from 'lodash/isUndefined';
-import isObject from 'lodash/isObject';
+import isObject from 'es-toolkit/compat/isObject';
 
 import colors from './colors';
 import { Button, Table, paraGraphDefaultStyle } from './styled';
@@ -43,7 +42,7 @@ const PanelTable = ({
   let value = fieldsValues ? get(fieldsValues, name) : '';
   let isValueWrappedInPre = false;
 
-  if (!isUndefined(value)) {
+  if (value !== undefined) {
     if (isObject(value)) {
       try {
         value = (
@@ -221,7 +220,7 @@ const PanelTable = ({
               </td>
             </tr>
           )}
-          {!isUndefined(value) && (
+          {value !== undefined && (
             <tr>
               <td
                 align="right"
diff --git a/yarn.lock b/yarn.lock
index 78f4262..b00ad46 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3035,7 +3035,7 @@
   resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.11.tgz#d421b6c527a3037f7c84433fd2c4229e016863d3"
   integrity sha512-wOuvG1SN4Us4rez+tylwwwCV1psiNVOkJeM3AUWUNWg/jDQY2+HE/444y5gc+jBmRqASOm2Oeh5c1axHobwRKQ==
 
-"@types/lodash@^4.14.167", "@types/lodash@^4.14.168":
+"@types/lodash@^4.14.167":
   version "4.14.182"
   resolved "https://registry.yarnpkg.com/@types/lodash/-/lodash-4.14.182.tgz#05301a4d5e62963227eaafe0ce04dd77c54ea5c2"
   integrity sha512-/THyiqyQAP9AfARo4pF+aCGcyiQ94tX/Is2I7HofNRqoYLgN1PBoOWu2/zTA5zMxzP5EFutMtWtGAFRKUe961Q==
@@ -5856,6 +5856,11 @@ es-to-primitive@^1.2.1:
     is-date-object "^1.0.1"
     is-symbol "^1.0.2"
 
+es-toolkit@^1.39.5:
+  version "1.39.5"
+  resolved "https://registry.yarnpkg.com/es-toolkit/-/es-toolkit-1.39.5.tgz#ee2a78a66aafb76c7345af0ea8c06722c78ef1fd"
+  integrity sha512-z9V0qU4lx1TBXDNFWfAASWk6RNU6c6+TJBKE+FLIg8u0XJ6Yw58Hi0yX8ftEouj6p1QARRlXLFfHbIli93BdQQ==
+
 es5-shim@^4.5.13:
   version "4.6.7"
   resolved "https://registry.yarnpkg.com/es5-shim/-/es5-shim-4.6.7.tgz#bc67ae0fc3dd520636e0a1601cc73b450ad3e955"