diff --git a/packages/core/src/bridge/api.ts b/packages/core/src/bridge/api.ts
index 83683e35..fe5d024b 100644
--- a/packages/core/src/bridge/api.ts
+++ b/packages/core/src/bridge/api.ts
@@ -1,5 +1,5 @@
 import { DevToolsType, parse } from '@vue/devtools-kit'
-import { nanoid } from 'nanoid'
+import { nanoid } from 'nanoid/non-secure'
 import { BRIDGE_DEVTOOLS_ACTION_KEY, BRIDGE_DEVTOOLS_LISTENER_KEY, devtoolsActionEvents, devtoolsListenerEvents, getBridgeInstance, getBridgeTarget } from './shared'
 
 export function defineDevToolsAction<T>(name: string, action: (devtools: DevToolsType, ...args: any[]) => T | Promise<T>) {
diff --git a/packages/core/src/vite-bridge/client.ts b/packages/core/src/vite-bridge/client.ts
index 5518454d..76a82f78 100644
--- a/packages/core/src/vite-bridge/client.ts
+++ b/packages/core/src/vite-bridge/client.ts
@@ -1,5 +1,5 @@
 import { getViteClient } from 'vite-hot-client'
-import { nanoid } from 'nanoid'
+import { nanoid } from 'nanoid/non-secure'
 import { getViteClientHotContext, setViteClientHotContext } from './shared'
 
 async function getViteHotContext() {