create razzle-app with-typescript error: src/App.tsx(9,34): error TS2769: No overload matches this call

[cskeogh]

🐛 Bug report

Current Behavior

Create a new razzle typescript project using yarn create razzle-app --example with-typescript new-project, Upon first run:

yarn run v1.22.19
$ concurrently "yarn start:tsc" "razzle start"
$ tsc -b -w --preserveWatchOutput
[0]
[0] 8:26:30 pm - Starting compilation in watch mode...
[0]
[1]  WAIT  Compiling...
[1]
[0] src/App.tsx(9,34): error TS2769: No overload matches this call.
[0]   Overload 1 of 2, '(props: (RouteProps<string, { [x: string]: string; }> & OmitNative<{}, keyof RouteProps<string, { [x: string]: string; }>>) | Readonly<RouteProps<string, { ...; }> & OmitNative<...>>): Route<...>', gave the following error.
[0]     Type 'typeof Home' is not assignable to type 'ComponentType<RouteComponentProps<any, StaticContext, unknown>> | ComponentType<any>'.
[0]       Type 'typeof Home' is not assignable to type 'ComponentClass<RouteComponentProps<any, StaticContext, unknown>, any>'.
[0]         The types of 'contextType.Provider.propTypes.children' are incompatible between these types.
[0]           Type 'React.Validator<React.ReactNode>' is not assignable to type 'import("C:/Users/craig/Projects/razzle-line-numbers/node_modules/@types/react-router/node_modules/@types/react/index").Validator<import("C:/Users/craig/Projects/razzle-line-numbers/node_modules/@types/react-router/node_modules/@types/react/index").ReactNode>'.
[0]             Type 'React.ReactNode' is not assignable to type 'import("C:/Users/craig/Projects/razzle-line-numbers/node_modules/@types/react-router/node_modules/@types/react/index").ReactNode'.
[0]               Type '{}' is not assignable to type 'ReactNode'.
[0]   Overload 2 of 2, '(props: RouteProps<string, { [x: string]: string; }> & OmitNative<{}, keyof RouteProps<string, { [x: string]: string; }>>, context: any): Route<...>', gave the following error.
[0]     Type 'typeof Home' is not assignable to type 'ComponentType<RouteComponentProps<any, StaticContext, unknown>> | ComponentType<any>'.
[0]
[0] 8:26:31 pm - Found 1 error. Watching for file changes.

Expected behavior

No error

Reproducible example

$ yarn create razzle-app --example with-typescript new-project
$ cd new-project
$ NODE_OPTIONS=--openssl-legacy-provider yarn start

Your environment

Software	Version(s)
Razzle	4.2.17
Razzle Plugins	none
Node	v17.9.0
Browser	Chrome
npm/Yarn	yarn v1.22.19
Operating System	Windows 11
TypeScript	4.7.2
React	17.0.2