diff --git a/packages/documentation-framework/components/example/example.js b/packages/documentation-framework/components/example/example.js
index b1343fd34e..ca9e08197e 100644
--- a/packages/documentation-framework/components/example/example.js
+++ b/packages/documentation-framework/components/example/example.js
@@ -19,7 +19,7 @@ import * as reactTableModule from '@patternfly/react-table';
 import * as reactTableDeprecatedModule from '@patternfly/react-table/deprecated';
 import { css } from '@patternfly/react-styles';
 import { getParameters } from 'codesandbox/lib/api/define';
-import { ExampleToolbar } from './exampleToolbar';
+import { ExampleToolbar } from './exampleToolbar.jsx';
 import { AutoLinkHeader } from '../autoLinkHeader/autoLinkHeader';
 import {
   slugger,
diff --git a/packages/documentation-framework/components/example/exampleToolbar.js b/packages/documentation-framework/components/example/exampleToolbar.jsx
similarity index 100%
rename from packages/documentation-framework/components/example/exampleToolbar.js
rename to packages/documentation-framework/components/example/exampleToolbar.jsx