diff --git a/contrib/docs/tutorials/quickstart-app-plugin/ExampleFetchComponent.md b/contrib/docs/tutorials/quickstart-app-plugin/ExampleFetchComponent.md
index 6992d05866..262330119e 100644
--- a/contrib/docs/tutorials/quickstart-app-plugin/ExampleFetchComponent.md
+++ b/contrib/docs/tutorials/quickstart-app-plugin/ExampleFetchComponent.md
@@ -76,7 +76,7 @@ export const DenseTable = ({ viewer }: DenseTableProps) => {
   );
 };
 
-const ExampleFetchComponent = () => {
+export const ExampleFetchComponent = () => {
   const auth = useApi(githubAuthApiRef);
 
   const { value, loading, error } = useAsync(async (): Promise<any> => {
@@ -106,6 +106,4 @@ const ExampleFetchComponent = () => {
     />
   );
 };
-
-export default ExampleFetchComponent;
 ```
diff --git a/docs/tutorials/quickstart-app-plugin.md b/docs/tutorials/quickstart-app-plugin.md
index 7dca90c14b..99ba55c19d 100644
--- a/docs/tutorials/quickstart-app-plugin.md
+++ b/docs/tutorials/quickstart-app-plugin.md
@@ -146,11 +146,9 @@ import {
 } from '@backstage/core';
 import { graphql } from '@octokit/graphql';
 
-const ExampleFetchComponent = () => {
+export const ExampleFetchComponent = () => {
   return <div>Nothing to see yet</div>;
 };
-
-export default ExampleFetchComponent;
 ```
 
 3. Save that and ensure you see no errors. Comment out the unused imports if