How can I correct the typescript error? (prop-Types library)

Question

This is my first time using the prop-types library.

This is my error message.

Binding element 'name' implicitly has an 'any' type.
Binding element 'email' implicitly has an 'any' type.
Binding element 'gender' implicitly has an 'any' type.

This is my code.

import PropTypes from "prop-types";

export default function Row({ name, email, gender }) {
  return (
    <>
      <p>{name}</p>
      <p>{email}</p>
      <p>{gender}</p>
    </>
  );
}

Row.propTypes = {
  name: PropTypes.string,
  email: PropTypes.string,
  gender: PropTypes.string,
};

I think there is not wrong part. I need you help how can i fix my error without 'interface' or 'type'.

That's something I was completely mistaken about. Thank you so much! — suyeon
– suyeon, Commented Mar 7, 2021 at 9:44

fortunee · Accepted Answer · 2021-03-07 09:37:36Z

1

It appears you're writing Typescript as opposed to Javascript.

Proptypes is used to achieve the idea of static typing in Javascript, but if you're writing Typescript then you need to define an interface for your props like this.

interface Props {
  name: string;
  email: string;
  gender: string;
}

export default function Row({ name, email, gender }: Props) {
  return (
    <>
      <p>{name}</p>
      <p>{email}</p>
      <p>{gender}</p>
    </>
  );
}

answered Mar 7, 2021 at 9:37

fortunee

4,3622 gold badges23 silver badges29 bronze badges

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

1 Comment

suyeon Over a year ago

I didn't know properly from the first premise. Thank you!!

Collectives™ on Stack Overflow

How can I correct the typescript error? (prop-Types library)

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