Property 'name' does not exist on type 'Readonly<{}> & Readonly<{ children?: ReactNode; }>'. TS2339

[wangduanduan]

Property 'name' does not exist on type 'Readonly<{}> & Readonly<{ children?: ReactNode; }>'. TS2339

You forgot to declare name as a React property in the ProfileData class definition. Something like this should work:

class ProfileData extends React.Component<{name: string}, person> {

• https://stackoverflow.com/questions/44489338/reactjs-typescript-property-does-not-exist-on-child-component
• https://medium.com/innovation-and-technology/deciphering-typescripts-react-errors-8704cc9ef402

[wangduanduan]

By default, all React.Components have a this.props type of {}, which we saw in the & statement in the error. Since we really do want to have a fieldName prop, we have to add it:

interface Props {
  fieldName: string;
}
interface State {
  error: string | null;
}
class CustomInput extends React.Component<Props, State> {
  state = {
    error: null;
  };
}