prop-types array of string is incompatible with TypeScript type

Question

The prop-types of list is PTs.arrayOf(PTs.string), is incompatible with TypeScript type. The list props can be empty array.

import React from 'react';
import PTs from 'prop-types';

interface AppProps {
  list?: string[];
}
const App: React.FC<AppProps> = ({ list }) => {
  return <div>app</div>
}

App.displayName = 'App';
App.defaultProps = {
  list: []
};
App.propTypes = {
  list: PTs.arrayOf(PTs.string) //<- error here
};

Got TS type error:

Type 'Requireable<(string | null | undefined)[]>' is not assignable to type 'Validator<string[] | null | undefined>'.
  Types of property '[nominalTypeHack]' are incompatible.
    Type '{ type: (string | null | undefined)[] | null | undefined; } | undefined' is not assignable to type '{ type: string[] | null | undefined; } | undefined'.
      Type '{ type: (string | null | undefined)[] | null | undefined; }' is not assignable to type '{ type: string[] | null | undefined; }'.
        Types of property 'type' are incompatible.
          Type '(string | null | undefined)[] | null | undefined' is not assignable to type 'string[] | null | undefined'.
            Type '(string | null | undefined)[]' is not assignable to type 'string[]'.
              Type 'string | null | undefined' is not assignable to type 'string'.
                Type 'undefined' is not assignable to type 'string'.(2322)

TypeScript Playground

Teneff · Accepted Answer · 2021-09-24 14:32:08Z

1

You should change the definition to:

App.propTypes = {
  list: PTs.arrayOf(PTs.string.isRequired)
};

TS Playground

answered Sep 24, 2021 at 14:32

Teneff

32.3k13 gold badges76 silver badges107 bronze badges

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

Collectives™ on Stack Overflow

prop-types array of string is incompatible with TypeScript type

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