diff --git a/code/renderers/react/template/cli/js/Button.stories.jsx b/code/renderers/react/template/cli/js/Button.stories.js
similarity index 96%
rename from code/renderers/react/template/cli/js/Button.stories.jsx
rename to code/renderers/react/template/cli/js/Button.stories.js
index 815e298261aa..e35923b041cb 100644
--- a/code/renderers/react/template/cli/js/Button.stories.jsx
+++ b/code/renderers/react/template/cli/js/Button.stories.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 import { Button } from './Button';
 
 // More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
diff --git a/code/renderers/react/template/cli/js/Header.stories.jsx b/code/renderers/react/template/cli/js/Header.stories.js
similarity index 92%
rename from code/renderers/react/template/cli/js/Header.stories.jsx
rename to code/renderers/react/template/cli/js/Header.stories.js
index 610019f3c1a6..7024ce7ff8cd 100644
--- a/code/renderers/react/template/cli/js/Header.stories.jsx
+++ b/code/renderers/react/template/cli/js/Header.stories.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import { Header } from './Header';
 
 export default {
diff --git a/code/renderers/react/template/cli/js/Page.stories.jsx b/code/renderers/react/template/cli/js/Page.stories.js
similarity index 96%
rename from code/renderers/react/template/cli/js/Page.stories.jsx
rename to code/renderers/react/template/cli/js/Page.stories.js
index 2c2c87f8e845..84250fdfe4dd 100644
--- a/code/renderers/react/template/cli/js/Page.stories.jsx
+++ b/code/renderers/react/template/cli/js/Page.stories.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import { within, userEvent } from '@storybook/testing-library';
 
 import { Page } from './Page';