Issue with React Client Frontend

Support
#1

Hi,

I am currently using:

After I have generated the frontend React Client and run “npm install”, I run the “npm run start”.
Then I get the following error:

/Users/dony/Documents/Project/recruit/src/app/App.tsx
TypeScript error in /Users/dony/Documents/Project/recruit/src/app/App.tsx(76,16):
'Switch' cannot be used as a JSX component.
  Its instance type 'Switch' is not a valid JSX element.
    The types returned by 'render()' are incompatible between these types.
      Type 'React.ReactNode' is not assignable to type 'import("/Users/dony/Documents/Project/recruit/node_modules/@types/hoist-non-react-statics/node_modules/@types/react/index").ReactNode'.
        Type '{}' is not assignable to type 'ReactNode'.
          Type '{}' is missing the following properties from type 'ReactPortal': key, children, type, props  TS2786

    74 |           <Layout className="layout-content">
    75 |             <Layout.Content>
  > 76 |               <Switch>
       |                ^
    77 |                 <Route exact={true} path="/" component={HomePage} />
    78 |                 {collectRouteItems(menuItems).map(route => (
    79 |                   <Route

Can anyone guide me on what went wrong or if anything is missing?

Thank you

Regards,
John

#2

Hi,

Is there any advice or solution regarding this issue?
Thank you

Regards,
John