打字稿 - React.FC 是任何而不是检查道具

Question

I've created a reactjs applicaiton using npx create-react-app myapp --template typescript

My created component

import React from 'react';

interface IPerson {
   name: string;
   age: number;
}

const Person:React.FC<IPerson> = (props:IPerson) => {
    const {name, age} = props;

    return <div>{name} {age}</div>;
}

If I don't pass the required props even then typescript is not throwing any error. Even if I run the application I am not getting any kind of warning or error.

 <Person name='xyz' />

Above line supposed to throw error. But it is working fine.

I tried to find the cause but haven't found something which can fix this. All I found is when I hover one React.FC it shown of type any instead of type IPerson .

It would be really appreciated if someone can put some light on it.

Answer 1

When I ran npm install again then I noticed that following error was there in terminal:

gyp: No Xcode or CLT version detected!
gyp ERR! configure error

I did following steps to fix this:

xcode-select --print-path // this will give path of xcode-select install. use it to remove it;

sudo rm -r -f /Library/Developer/CommandLineTools

xcode-select --install // install it again

After the above steps when I ran npm install VSCode started throwing error if required props are missing.