remove unnecessary children in Interface

7 files changed, 4 insertions, 22 deletions

diff --git a/packages/dev-tools-pages/ts/components/Base.tsx b/packages/dev-tools-pages/ts/components/Base.tsx
index 369a2525d..8e608ecdd 100644
--- a/packages/dev-tools-pages/ts/components/Base.tsx
+++ b/packages/dev-tools-pages/ts/components/Base.tsx
@@ -8,7 +8,6 @@ import { GlobalStyles } from 'ts/globalStyles';
 
 interface BaseProps {
     context: any;
-    children: React.ReactNode;
 }
 
 const Base: React.StatelessComponent<BaseProps> = props => (
diff --git a/packages/dev-tools-pages/ts/components/Code.tsx b/packages/dev-tools-pages/ts/components/Code.tsx
index 71555b84d..e29414d2d 100644
--- a/packages/dev-tools-pages/ts/components/Code.tsx
+++ b/packages/dev-tools-pages/ts/components/Code.tsx
@@ -12,7 +12,6 @@ const isTouch = Boolean(
 );
 
 interface CodeProps {
-    children: React.ReactNode;
     language?: string;
     isLight?: boolean;
     isDiff?: boolean;
diff --git a/packages/dev-tools-pages/ts/components/Content.tsx b/packages/dev-tools-pages/ts/components/Content.tsx
index 328ef0778..55550441c 100644
--- a/packages/dev-tools-pages/ts/components/Content.tsx
+++ b/packages/dev-tools-pages/ts/components/Content.tsx
@@ -23,7 +23,6 @@ const StyledMain =
 
 interface MainProps {
     dark?: boolean;
-    children: React.ReactNode;
 }
 
 const Content: React.StatelessComponent<MainProps> = props => (
diff --git a/packages/dev-tools-pages/ts/components/Hero.tsx b/packages/dev-tools-pages/ts/components/Hero.tsx
index 9db15cb36..8b6d6ade3 100644
--- a/packages/dev-tools-pages/ts/components/Hero.tsx
+++ b/packages/dev-tools-pages/ts/components/Hero.tsx
@@ -7,11 +7,7 @@ import { media } from 'ts/variables';
 import { Button } from './Button';
 import { Beta } from './Typography';
 
-interface HeroProps extends ContextInterface {
-    children: React.ReactNode;
-}
-
-const Hero: React.StatelessComponent<HeroProps> = ({ children }) => (
+const Hero: React.StatelessComponent<ContextInterface> = ({ children }) => (
     <ThemeContext.Consumer>
         {({ subtitle, tagline }: ContextInterface) => (
             <StyledHero>
diff --git a/packages/dev-tools-pages/ts/components/Intro.tsx b/packages/dev-tools-pages/ts/components/Intro.tsx
index ecc926e3c..54b14f237 100644
--- a/packages/dev-tools-pages/ts/components/Intro.tsx
+++ b/packages/dev-tools-pages/ts/components/Intro.tsx
@@ -44,13 +44,8 @@ const StyledIntroAside = styled.div`
     `};
 `;
 
-interface IntroProps {
-    children?: React.ReactNode;
-}
-
 interface IntroLeadProps {
     title: string;
-    children?: React.ReactNode;
 }
 
 const IntroLead: React.StatelessComponent<IntroLeadProps> = props => (
@@ -60,13 +55,13 @@ const IntroLead: React.StatelessComponent<IntroLeadProps> = props => (
     </StyledIntroLead>
 );
 
-const IntroAside: React.StatelessComponent<IntroProps> = props => (
+const IntroAside: React.StatelessComponent<{}> = props => (
     <Breakout>
         <StyledIntroAside>{props.children}</StyledIntroAside>
     </Breakout>
 );
 
-const Intro: React.StatelessComponent<IntroProps> = props => (
+const Intro: React.StatelessComponent<{}> = props => (
     <Container wide={true}>
         <Main>{props.children}</Main>
     </Container>
diff --git a/packages/dev-tools-pages/ts/components/List.tsx b/packages/dev-tools-pages/ts/components/List.tsx
index 39e80de13..5d5f03d2f 100644
--- a/packages/dev-tools-pages/ts/components/List.tsx
+++ b/packages/dev-tools-pages/ts/components/List.tsx
@@ -36,7 +36,6 @@ const StyledItem = styled.li`
 
 interface ListProps {
     items?: [];
-    children?: React.ReactNode;
 }
 
 const List: React.StatelessComponent<ListProps> = props => (
diff --git a/packages/dev-tools-pages/ts/components/Tabs.tsx b/packages/dev-tools-pages/ts/components/Tabs.tsx
index c1d5f6b7f..ece0db866 100644
--- a/packages/dev-tools-pages/ts/components/Tabs.tsx
+++ b/packages/dev-tools-pages/ts/components/Tabs.tsx
@@ -46,11 +46,7 @@ const Root =
     }
 `;
 
-interface TabsProps {
-    children: React.ReactNode;
-}
-
-const Tabs: React.StatelessComponent<TabsProps> = props => (
+const Tabs: React.StatelessComponent<{}> = props => (
     <Breakout>
         <Root>
             <ReactTabs>
@@ -69,7 +65,6 @@ const Tabs: React.StatelessComponent<TabsProps> = props => (
 
 interface TabBlockProps {
     title: string;
-    children: React.ReactNode;
 }
 
 const TabBlock: React.StatelessComponent<TabBlockProps> = props => <React.Fragment>{props.children}</React.Fragment>;