Warning appear during navigate process to component in <Route component={<Comp />} />?

Before opening a new issue, please take a moment to review our community guidelines to make the contribution process easy and effective for everyone involved.

Description

Warning appears:

index.js:1 Warning: Cannot update a component from inside the function body of a different component.
    in Unknown (at loadable.tsx:27)
    in Suspense (at loadable.tsx:26)
    in Unknown (created by Context.Consumer)
    in Route (at App/index.tsx:96)
    in Switch (at App/index.tsx:95)
    in div (created by styled__MainWrapper)
    in styled__MainWrapper (at App/index.tsx:94)
    in div (created by styled__AppWrapper)
    in styled__AppWrapper (at App/index.tsx:86)
    in Unknown (at src/index.tsx:46)
    in HelmetProvider (at src/index.tsx:44)
    in Router (created by ConnectedRouter)
    in ConnectedRouter (created by Context.Consumer)
    in ConnectedRouterWithContext (created by ConnectFunction)
    in ConnectFunction (at src/index.tsx:43)
    in Provider (at src/index.tsx:42)
    in ConnectedApp (at src/index.tsx:53)

A clear and concise description of what the bug is. I think lazyLoad is problem Steps to reproduce the behavior:

(Add link to a demo on https://jsfiddle.net or similar if possible)

[receptiryaki]

@cuongdevjs you need to use <Route render={routeProps => <Comp {...routeProps} />} /> instead of <Route component={<Comp />} />

https://reacttraining.com/react-router/web/api/Route/render-func

[Can-Sahin]

well its really an ongoing discussion with no clear reasons. I dont see this error though. Probably related to your setup. If you can find out what the error is and where it originates from let us know with PR