Completely updated React, fixed #11, (hopefully)

goTorrentWebUI/node_modules/material-ui/BottomNavigation/BottomNavigation.js.flow

@@ -1,11 +1,9 @@
-// @flow weak
-
 import React from 'react';
-import type { Node } from 'react';
+import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import withStyles from '../styles/withStyles';
 
-export const styles = (theme: Object) => ({
+export const styles = theme => ({
   root: {
     display: 'flex',
     justifyContent: 'center',
@@ -14,43 +12,7 @@ export const styles = (theme: Object) => ({
   },
 });
 
-type ProvidedProps = {
-  classes: Object,
-  showLabels: boolean,
-};
-
-export type Props = {
-  /**
-   * The content of the component.
-   */
-  children: Node,
-  /**
-   * Useful to extend the style applied to components.
-   */
-  classes?: Object,
-  /**
-   * @ignore
-   */
-  className?: string,
-  /**
-   * Callback fired when the value changes.
-   *
-   * @param {object} event The event source of the callback
-   * @param {any} value We default to the index of the child
-   */
-  onChange?: Function,
-  /**
-   * If `true`, all `BottomNavigationButton`s will show their labels.
-   * By default only the selected `BottomNavigationButton` will show its label.
-   */
-  showLabels?: boolean,
-  /**
-   * The value of the currently selected `BottomNavigationButton`.
-   */
-  value: any,
-};
-
-function BottomNavigation(props: ProvidedProps & Props) {
+function BottomNavigation(props) {
   const {
     children: childrenProp,
     classes,
@@ -64,6 +26,10 @@ function BottomNavigation(props: ProvidedProps & Props) {
   const className = classNames(classes.root, classNameProp);
 
   const children = React.Children.map(childrenProp, (child, childIndex) => {
+    if (!React.isValidElement(child)) {
+      return null;
+    }
+
     const childValue = child.props.value || childIndex;
     return React.cloneElement(child, {
       selected: childValue === value,
@@ -80,6 +46,37 @@ function BottomNavigation(props: ProvidedProps & Props) {
   );
 }
 
+BottomNavigation.propTypes = {
+  /**
+   * The content of the component.
+   */
+  children: PropTypes.node.isRequired,
+  /**
+   * Useful to extend the style applied to components.
+   */
+  classes: PropTypes.object.isRequired,
+  /**
+   * @ignore
+   */
+  className: PropTypes.string,
+  /**
+   * Callback fired when the value changes.
+   *
+   * @param {object} event The event source of the callback
+   * @param {any} value We default to the index of the child
+   */
+  onChange: PropTypes.func,
+  /**
+   * If `true`, all `BottomNavigationAction`s will show their labels.
+   * By default, only the selected `BottomNavigationAction` will show its label.
+   */
+  showLabels: PropTypes.bool,
+  /**
+   * The value of the currently selected `BottomNavigationAction`.
+   */
+  value: PropTypes.any,
+};
+
 BottomNavigation.defaultProps = {
   showLabels: false,
 };