Example React Component that shows the "no-typos" false-positive error with "eslint-plugin-react"

eslint-plugin-react_no-typos_error-sample.js

import React, { Component } from "react";
import { string, func } from "prop-types";

class Sample extends Component {

  constructor(props) {
    super(props);
    this.state = {
      newName: props.name
    };
  }

  componentDidMount() {
    if (this.state.name === "") {
      this.setDefaultName();
    }
  }

  setDefaultName = () => {
    this.setState({ name: "Default"});
  };

  openHandler = () => {
    this.props.clickHandler();
  };

  render() {
    return (
      <div>Hi!</div>
    );
  }
}

Sample.propTypes = {
  // These three all trigger the false-positive
  name: string.isRequired,
  body: string.isRequired,
  clickHandler: func.isRequired
};

export default Sample;