react-router path should support string | string[]

[rachitpsolanki]

export interface RouteProps {
location?: H.Location;
component?: React.ComponentType<RouteComponentProps> | React.ComponentType;
render?: ((props: RouteComponentProps) => React.ReactNode);
children?: ((props: RouteComponentProps) => React.ReactNode) | React.ReactNode;
path?: string[] | string ;
exact?: boolean;
sensitive?: boolean;
strict?: boolean;
}

If you know how to fix the issue, make a pull request instead.

• I tried using the @types/xxxx package and had problems.
• I tried using the latest stable version of tsc. https://www.npmjs.com/package/typescript
• I have a question that is inappropriate for StackOverflow. (Please ask any appropriate questions there).
• Mention the authors (see Definitions by: in index.d.ts) so they can respond.
  • Authors: @....

@sergey-buturlakin @mrk21 @vasek17

[jtreminio]

v 4.4.0 was recently released, has what you need: https://github.com/DefinitelyTyped/DefinitelyTyped/blob/master/types/react-router/index.d.ts#L80

[rachitpsolanki]

v 4.4.0 was recently released, has what you need: https://github.com/DefinitelyTyped/DefinitelyTyped/blob/master/types/react-router/index.d.ts#L80

@jtreminio
Thank you!!

[jtreminio]

proptypes still complains, though. You can use the following to suppress the console warning: remix-run/react-router#5866 (comment)

[mrichmond]

why not just fix the propTypes?

Here's my slightly cleaner but still very "hacky" solution:

import { Route } from 'react-router-dom';
import { oneOfType, array, string } from 'prop-types';
Route.propTypes.path = oneOfType([array, string]);