diff --git a/docs/LayoutWithFlexbox.md b/docs/LayoutWithFlexbox.md
index 39d7730845b2e5..762084ac3da30e 100644
--- a/docs/LayoutWithFlexbox.md
+++ b/docs/LayoutWithFlexbox.md
@@ -76,7 +76,7 @@ Adding `alignItems` to a component's style determines the **alignment** of child
 import React, { Component } from 'react';
 import { AppRegistry, View } from 'react-native';
 
-class AlignItemsBasics {
+class AlignItemsBasics extends Component {
   render() {
     return (
       // Try setting `alignItems` to 'flex-start'