diff --git a/packages/docz-theme-default/src/components/ui/Render/index.tsx b/packages/docz-theme-default/src/components/ui/Render/index.tsx
index e8a855cf6..27b9c7527 100644
--- a/packages/docz-theme-default/src/components/ui/Render/index.tsx
+++ b/packages/docz-theme-default/src/components/ui/Render/index.tsx
@@ -413,13 +413,13 @@ class RenderBase extends Component<RenderProps, RenderState> {
 
   private transformCode(code: string): string {
     return `
-      const App = ({ children }) => (
+      const DoczApp = ({ children }) => (
         <React.Fragment>
           {children && typeof children === 'function' ? children() : children}
         </React.Fragment>
       )
 
-      render(<App>${code}</App>)
+      render(<DoczApp>${code}</DoczApp>)
     `
   }