reactjs - proptypes - prop-types npm

Advertencia de propTypes en la aplicación Electron

Question

Estoy tratando de lidiar con la nueva advertencia sobre la necesidad de incluir el paquete de prop-types en los programas de NPM. Mi aplicación es una aplicación de electrones.

Creo que estoy siguiendo la estrategia de migración de la gente de React: https://facebook.github.io/react/blog/2017/04/07/react-v15.5.0.html

reaccionar versión-15.4.2, prop-types versión 15.5.8, react-dom 15.42.2

Sin embargo, sigo recibiendo la advertencia después de agregar el paquete de tipos de props.

Este es el componente (Dashboard.jsx)

const React = require(''react'')
const { Component } = require(''react'')
const {} = require(''react-bootstrap'')
import PropTypes from ''prop-types''
import { App, Title, Section, Header, Footer, Columns, Box, Button } from ''grommet''


export const Page = props => (
  <App>
    <Title>Dashboard Version 1.0, Node version: xxx</Title>
    <Section>Status Section
      <p>Status: {props.serverState}</p>
    </Section>
    <Section >{/*  colorIndex=''neutral-1'' */ }
      <Header>Controls</Header>
      <Columns>
        <Box pad=''small''>
        <Button label=''Install'' onClick={props.installAct}></Button>
        </Box>
        <Box pad=''small''>
        <Button label=''UnInstall'' onClick={props.uninstallAct}></Button>
        </Box>
        <Box pad=''small''>
        <Button label=''Start'' onClick={props.startAct}></Button>
        </Box>
        <Box pad=''small''>
        <Button label=''Stop'' onClick={props.stopAct}></Button>
        </Box>
      </Columns>
    </Section>
    <Section>
      <Header>Config</Header>
    </Section>
    <Section>
      <Header>Cleanup</Header>
    </Section>
    <Footer></Footer>
  </App>
)

Y este es el proceso de renderizado principal (dash.js)

const { ipcRenderer, remote } = require(''electron'')
const { createStore } = require(''redux'')
const { composeWithDevTools } = require(''redux-devtools-extension'')
const { Page } = require(''../jsxo/Dashboard.js'')
const React = require(''react'');
const ReactDOM = require(''react-dom'')
const PropTypes = require(''prop-types'')
const Immutable = require(''immutable'')

document.addEventListener("DOMContentLoaded", render)



const page = React.createElement(Page, { serverState: ''UP'', 
        installAct: () => alert(''install''),
        uninstallAct: () => alert(''uninstall''),
        startAct: () => alert(''start''),
        stopAct: () => alert(''stop'') })


function render() {
    ReactDOM.render(page, document.getElementById(''page''))
}

Answer 1

Está utilizando grommet que aún no se ha actualizado a la nueva versión de react , por lo tanto recibirá advertencias de esta biblioteca porque usa los PropTypes desuso del módulo de react .

No hay nada que puedas hacer hasta que tus dependencias se actualicen también.

Tenga en cuenta que esto ya se informó y hay una solicitud de extracción abierta.