From 1ab018a8fd222c25764af5bc6f7f75304912e189 Mon Sep 17 00:00:00 2001
From: Guy Livni <guylivni@gmail.com>
Date: Fri, 2 Feb 2018 01:19:46 +0200
Subject: [PATCH] Check for correct props in Flow or prop-types, change label
 prop to union, fix typo

---
 addons/info/src/components/types/OneOfType.js            | 6 +++---
 examples/official-storybook/components/FlowTypeButton.js | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/addons/info/src/components/types/OneOfType.js b/addons/info/src/components/types/OneOfType.js
index fab5bb53bc9..4592d511ed6 100644
--- a/addons/info/src/components/types/OneOfType.js
+++ b/addons/info/src/components/types/OneOfType.js
@@ -4,15 +4,15 @@ import PrettyPropType from './PrettyPropType';
 import { TypeInfo } from './proptypes';
 
 const OneOfType = ({ propType }) => {
-  const { length } = propType.value;
+  const propTypes = propType.elements || propType.value;
   return (
     <span>
-      {propType.value
+      {propTypes
         .map((value, i) => {
           const key = `${value.name}${value.value ? `-${value.value}` : ''}`;
           return [
             <PrettyPropType key={key} propType={value} />,
-            i < length - 1 ? <span key={`${key}-separator`}> | </span> : null,
+            i < propTypes.length - 1 ? <span key={`${key}-separator`}> | </span> : null,
           ];
         })
         .reduce((acc, tuple) => acc.concat(tuple), [])}
diff --git a/examples/official-storybook/components/FlowTypeButton.js b/examples/official-storybook/components/FlowTypeButton.js
index 4511adf970f..8ebab0009bd 100644
--- a/examples/official-storybook/components/FlowTypeButton.js
+++ b/examples/official-storybook/components/FlowTypeButton.js
@@ -2,11 +2,11 @@
 import React from 'react';
 
 type PropsType = {
-  /** The text to be rendered in the button */
-  label: string,
+  /** A multi-type prop to be rendered in the button */
+  label: string | number,
   /** Function to be called when the button is clicked */
   onClick?: Function,
-  /** Boolean representing wether the button is disabled */
+  /** Boolean representing whether the button is disabled */
   disabled?: boolean,
 };