diff --git a/packages/use-shader-fx/build/use-shader-fx.umd.cjs b/packages/use-shader-fx/build/use-shader-fx.umd.cjs
index a1208375..32b41a5d 100644
--- a/packages/use-shader-fx/build/use-shader-fx.umd.cjs
+++ b/packages/use-shader-fx/build/use-shader-fx.umd.cjs
@@ -1,4 +1,4 @@
-(function(S,me){typeof exports=="object"&&typeof module<"u"?me(exports,require("three"),require("react"),require("three-stdlib")):typeof define=="function"&&define.amd?define(["exports","three","react","three-stdlib"],me):(S=typeof globalThis<"u"?globalThis:S||self,me(S["use-shader-fx"]={},S.THREE,S.React,S.THREEStdlib))})(this,function(S,me,a,$e){"use strict";function je(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const o=je(me);var We="#usf <planeVertex>",qe=`precision highp float;
+(function(S,me){typeof exports=="object"&&typeof module<"u"?me(exports,require("three"),require("react"),require("three-stdlib")):typeof define=="function"&&define.amd?define(["exports","three","react","three-stdlib"],me):(S=typeof globalThis<"u"?globalThis:S||self,me(S["use-shader-fx"]={},S.THREE,S.react,S.threeStdlib))})(this,function(S,me,a,$e){"use strict";function je(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const o=je(me);var We="#usf <planeVertex>",qe=`precision highp float;
 
 uniform sampler2D uBuffer;
 uniform sampler2D uTexture;
diff --git a/packages/use-shader-fx/package-lock.json b/packages/use-shader-fx/package-lock.json
index 8658aa3a..2a4b6f69 100644
--- a/packages/use-shader-fx/package-lock.json
+++ b/packages/use-shader-fx/package-lock.json
@@ -1,12 +1,12 @@
 {
    "name": "@funtech-inc/use-shader-fx",
-   "version": "1.1.42",
+   "version": "1.1.43",
    "lockfileVersion": 3,
    "requires": true,
    "packages": {
       "": {
          "name": "@funtech-inc/use-shader-fx",
-         "version": "1.1.42",
+         "version": "1.1.43",
          "license": "MIT",
          "devDependencies": {
             "@types/node": "20.5.6",
diff --git a/packages/use-shader-fx/package.json b/packages/use-shader-fx/package.json
index 6ff99e4b..92802dfd 100644
--- a/packages/use-shader-fx/package.json
+++ b/packages/use-shader-fx/package.json
@@ -1,6 +1,6 @@
 {
    "name": "@funtech-inc/use-shader-fx",
-   "version": "1.1.42",
+   "version": "1.1.43",
    "description": "⚡️ More FXs, Less GLSL",
    "main": "./build/use-shader-fx.umd.cjs",
    "module": "./build/use-shader-fx.js",
diff --git a/packages/use-shader-fx/vite.config.js b/packages/use-shader-fx/vite.config.js
index 6ba1a91e..9ec99a03 100644
--- a/packages/use-shader-fx/vite.config.js
+++ b/packages/use-shader-fx/vite.config.js
@@ -2,6 +2,9 @@ import path from "path";
 import glsl from "vite-plugin-glsl";
 import { defineConfig } from "vite";
 
+const root = process.platform === "win32" ? path.resolve("/") : "/";
+const external = (id) => !id.startsWith(".") && !id.startsWith(root);
+
 export default defineConfig({
    root: "src",
    plugins: [glsl()],
@@ -12,22 +15,9 @@ export default defineConfig({
          fileName: "use-shader-fx",
       },
       rollupOptions: {
-         external: [
-            "react",
-            "@react-three/fiber",
-            "react-dom",
-            "three",
-            "three-stdlib",
-         ],
+         external,
          output: {
             dir: "./build",
-            globals: {
-               react: "React",
-               "@react-three/fiber": "ReactThreeFiber",
-               "react-dom": "ReactDOM",
-               three: "THREE",
-               "three-stdlib": "THREEStdlib",
-            },
          },
       },
       sourcemap: true,