diff --git a/packages/core/src/Layout/index.tsx b/packages/core/src/Layout/index.tsx
index e9def2d1a..4694c4bfc 100644
--- a/packages/core/src/Layout/index.tsx
+++ b/packages/core/src/Layout/index.tsx
@@ -114,17 +114,16 @@ export interface LayoutProps {
   style?: ViewStyle;
 }
 
-export default class Layout extends PureComponent<LayoutProps> {
-  static Header = Header;
-  static Body = Body;
-  static Footer = Footer;
-  static Card = Card;
-  render() {
-    const { children, style } = this.props;
-    return <View style={[styles.container, style]}>{children}</View>;
-  }
+export default function Layout(props: LayoutProps) {
+  const { children, style } = props;
+  return <View style={[styles.container, style]}>{children}</View>;
 }
 
+Layout.Header = Header;
+Layout.Body = Body;
+Layout.Footer = Footer;
+Layout.Card = Card;
+
 const styles = StyleSheet.create({
   container: {
     backgroundColor: '#ededed',