Copycat project in react section, questions about PropTypes

Hello everyone,

I am working on the copycat project in the react section. Here is a link to the project:

I completed the PropTypes section of the project, but I am not sure if it’s working properly or not. Here is my CopyCat.js as reference:

import React from 'react';
import {styles} from '../styles.js';
import PropTypes from 'prop-types';

const images = {
  copycat: '',
  quietcat: ''

export default class CopyCat extends React.Component {

  render() {
    const copying = this.props.copying;
    const toggleTape = this.props.toggleTape;
    const input = this.props.input;
    const handleChange = this.props.handleChange;
    const name =;

    return (
      <div style = {styles.divStyles}>
        <h1 style = {{marginBottom:80}}>Copy Cat{name ? name:' Tom'}</h1>
        <input type ='text' 
        value = {input} 
        onChange = {handleChange}/>
          style = {styles.imgStyles} 
          src={copying ? images.copycat : images.quietcat}
        <p>{copying ? input: ''}</p> 
CopyCat.propTypes = {
  input: PropTypes.string.isRequired,
  handleChange: PropTypes.func.isRequired,
  name: PropTypes.string.isRequired

My question is how do I know if the propTypes section is working? From what I recall, I receive some sort of warning message when one of the props doesn’t receive the designated data type ie ‘string’, ‘bool’,‘func’, etc. Would I receive this message in the console?

I opened the console and saw this warning:

Does that mean there is an error in one of my PropTypes? Any help is appreciated. Happy coding everyone :slight_smile: