Why is my React / TypeScript app generating a compile error?

Question

I've downloaded the following app (which works in the sandbox):

https://codesandbox.io/s/wbkd-react-flow-forked-78hxw4

Locally, after I run:

npm install

and then

npm start

I get the following error:

TypeScript error in /wbkd-react-flow-forked/src/components/ErrorBoundary.tsx(6,15):
Parameter 'props' implicitly has an 'any' type.  TS7006

    4 | 
    5 | export class ErrorBoundary extends Component {
  > 6 |   constructor(props) {
      |               ^
    7 |     super(props);
    8 |     this.state = { hasError: false };
    9 |   }

How do I resolve the compile error?

Please include the relavent code in the question, do not link to external resources — mousetail
– mousetail, Commented Aug 30, 2022 at 10:40
You don't seem to use strong-typed props, hence the error. react-typescript-cheatsheet.netlify.app/docs/basic/… — Yevhen Horbunkov
– Yevhen Horbunkov, Commented Aug 30, 2022 at 10:42
you don't use typescript in the project but file extension is tsx. Change it to ErrorBoundary.jsx — linusw
– linusw, Commented Aug 30, 2022 at 11:03

P.E. Joëssel · Accepted Answer · 2022-08-30 13:33:43Z

1

Add typing to your props:

type ErrorBoundaryProps = {
  someProps: boolean;
}

export class ErrorBoundary extends Component<ErrorBoundaryProps> {
  constructor(props) {
    super(props);
    this.state = { hasError: false };
  }
}

answered Aug 30, 2022 at 13:33

P.E. Joëssel

1,45311 silver badges19 bronze badges

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

Collectives™ on Stack Overflow

Why is my React / TypeScript app generating a compile error?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related