diff --git a/packages/render-props-base/src/components/App.tsx b/packages/render-props-base/src/components/App.tsx
index 4b990d6..220a8e0 100644
--- a/packages/render-props-base/src/components/App.tsx
+++ b/packages/render-props-base/src/components/App.tsx
@@ -1,13 +1,15 @@
 import React from 'react'
-import { Child } from './Child'
 
-export const App: React.FC = () => {
-  const render = () => <div>render props</div>
-
-  return (
-    <>
-      <Child render={render} />
-      <Child />
-    </>
-  )
+type Props = {
+  render?: () => React.ReactNode
 }
+
+const Child: React.FC<Props> = ({ render }) => <>{render ? render() : <p>render is nothing</p>}</>
+
+export const App: React.FC = () => (
+  <>
+    <Child render={() => <div>render props</div>} />
+    <Child />
+  </>
+)
+
diff --git a/packages/render-props-base/src/components/Child.tsx b/packages/render-props-base/src/components/Child.tsx
deleted file mode 100644
index 11a3d8f..0000000
--- a/packages/render-props-base/src/components/Child.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-import React, { ReactNode } from 'react'
-
-type Props = {
-  render?: () => ReactNode
-}
-
-export const Child: React.FC<Props> = ({ render }) => <>{render ? render() : <p>render is nothing</p>}</>
-