diff --git a/packages/gatsby-link/package.json b/packages/gatsby-link/package.json
index daf519ca0a205..88a80a878d849 100644
--- a/packages/gatsby-link/package.json
+++ b/packages/gatsby-link/package.json
@@ -16,6 +16,7 @@
   "sideEffects": false,
   "scripts": {
     "build": "npm-run-all --npm-path npm -s build:cjs build:esm",
+    "postbuild": "prepend-directive --files=dist/index.js,dist/index.modern.mjs --directive=\"client export\"",
     "build:cjs": "microbundle -f cjs --jsx React.createElement --generateTypes false  -i src/index-cjs.js -o dist/index.js",
     "build:esm": "microbundle -f modern --jsx React.createElement --generateTypes false -o dist/index.mjs",
     "watch": "npm-run-all --npm-path npm -p watch:cjs watch:esm",
@@ -34,7 +35,8 @@
     "cross-env": "^7.0.3",
     "del-cli": "^5.0.0",
     "microbundle": "^0.15.0",
-    "npm-run-all": "^4.1.5"
+    "npm-run-all": "^4.1.5",
+    "prepend-directive": "^1.0.3"
   },
   "peerDependencies": {
     "@gatsbyjs/reach-router": "^1.3.5",
diff --git a/packages/gatsby-plugin-image/package.json b/packages/gatsby-plugin-image/package.json
index 71ca5f246c21c..f8839bc171a0c 100644
--- a/packages/gatsby-plugin-image/package.json
+++ b/packages/gatsby-plugin-image/package.json
@@ -3,6 +3,7 @@
   "version": "2.23.0-next.0",
   "scripts": {
     "build": "npm-run-all --npm-path npm -s clean -p build:*",
+    "postbuild": "prepend-directive --files=dist/gatsby-image.browser.js,dist/gatsby-image.browser.modern.js --directive=\"client export\"",
     "build:gatsby-node": "tsc --jsx react --downlevelIteration true --skipLibCheck true --esModuleInterop true --outDir dist/ src/gatsby-node.ts src/babel-plugin-parse-static-images.ts src/resolver-utils.ts src/types.d.ts -d --declarationDir dist/src",
     "build:gatsby-ssr": "microbundle -i src/gatsby-ssr.tsx -f cjs -o ./[name].js --no-pkg-main --jsx React.createElement --jsxFragment React.Fragment --no-compress --external=common-tags,react --no-sourcemap",
     "build:server": "microbundle -f cjs,es --jsx React.createElement --jsxFragment React.Fragment --define SERVER=true",
@@ -59,6 +60,7 @@
     "microbundle": "^0.15.0",
     "npm-run-all": "^4.1.5",
     "postcss": "^8.2.9",
+    "prepend-directive": "^1.0.3",
     "semver": "^7.3.7",
     "terser": "^5.3.8",
     "typescript": "^4.7.4"
diff --git a/packages/gatsby-script/package.json b/packages/gatsby-script/package.json
index b877a7c9c23c2..e8755789f8542 100644
--- a/packages/gatsby-script/package.json
+++ b/packages/gatsby-script/package.json
@@ -16,6 +16,7 @@
   "sideEffects": false,
   "scripts": {
     "build": "microbundle -f cjs,modern --jsx React.createElement",
+    "postbuild": "prepend-directive --files=dist/index.js,dist/index.modern.mjs --directive=\"client export\"",
     "watch": "microbundle watch -f cjs,modern --jsx React.createElement --no-compress",
     "prepare": "cross-env NODE_ENV=production npm run clean && npm run build",
     "clean": "del-cli dist/*"
@@ -25,6 +26,7 @@
     "cross-env": "^7.0.3",
     "del-cli": "^5.0.0",
     "microbundle": "^0.15.0",
+    "prepend-directive": "^1.0.3",
     "typescript": "^4.7.4"
   },
   "peerDependencies": {
diff --git a/yarn.lock b/yarn.lock
index 0a71c69d7bd54..0e8cc49b68a04 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -19553,6 +19553,13 @@ prelude-ls@~1.1.2:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.1.2.tgz#21932a549f5e52ffd9a827f570e04be62a97da54"
 
+prepend-directive@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/prepend-directive/-/prepend-directive-1.0.3.tgz#c4efc08b65f9245c66d35d223be16e1945b0e36c"
+  integrity sha512-2z115QLE7yxRp172Vv9hM2fWhtI5UtaQFDj+JnyzQxIZ7Wj/7ohrtriEIqXqgLOHsXUf08rjLd+kFUVCUJskPg==
+  dependencies:
+    fs-extra "^10.1.0"
+
 prepend-http@^1.0.1:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/prepend-http/-/prepend-http-1.0.4.tgz#d4f4562b0ce3696e41ac52d0e002e57a635dc6dc"