diff --git a/template/{{app_name}}/.storybook/main.js b/template/{{app_name}}/.storybook/main.js
index 20f8a0eb..178f4e40 100644
--- a/template/{{app_name}}/.storybook/main.js
+++ b/template/{{app_name}}/.storybook/main.js
@@ -5,7 +5,11 @@
  */
 // @ts-check
 
-import path from "path";
+import path, { dirname } from "path";
+import { fileURLToPath } from "url";
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
 
 // Support deploying to a subdirectory, such as GitHub Pages.
 const NEXT_PUBLIC_BASE_PATH = process.env.NEXT_PUBLIC_BASE_PATH ?? "";