Eslint error handling react/prop-types

Question

I'm using the Airbnb javascript standards to lint my react app and i'm getting an error i'm not sure how to fix. This is my first file in my application and all the other components will follow after this

import React, { Component } from "react";
import PropTypes from 'prop-types';

export default class RootPage extends Component {
render() {
    return <div>{this.props.children}</div>;
    }
}

RootPage.prototype={
    children: PropTypes.node
}

My this.props.children is throwing eslint error 'children' is missing in props validation (react/prop-types)

I have no idea how to fix it, any help is much appreciated

Thanks in advance

Damian Peralta · Accepted Answer · 2018-04-05 10:24:12Z

4

You have a typo in propTypes (you have now prototype), try with:

RootPage.propTypes={
    children: PropTypes.node
}

edited Apr 5, 2018 at 10:24

answered Apr 5, 2018 at 10:23

Damian Peralta

1,8969 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Damian Peralta Over a year ago

@spidy, if it worked, could you please mark your question as answered?

Collectives™ on Stack Overflow

Eslint error handling react/prop-types

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related