Warning appear during navigate process to component in <Route component={<Comp />} />? about react-boilerplate-cra-template

[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

[cuongdevjs]

I think update version of react to 16.13.1 will resolve this problem.
redux-form/redux-form#4619 (comment)

[Can-Sahin]

I cannot get this error while switching routes. What exactly did you do?

[cuongdevjs]

This is my code. I think it has a problem with logic

import { HomePage } from 'app/containers/HomePage/Loadable';
import { LoginPage } from 'app/containers/LoginPage/Loadable';
import { NotFoundPage } from 'app/components/NotFoundPage/Loadable';
import { Header } from 'app/components/Header/Loadable';
import { WelcomePage } from 'app/components/WelcomePage/Loadable';

interface Props {}

export const App = memo((props: Props) => {
  useInjectReducer({ key: sliceKey, reducer: reducer });
  useInjectSaga({ key: sliceKey, saga: appSaga });

  const isLogged = useSelector(selectIsLogged);
  const infoUser = useSelector(selectInfoUser);
  const dispatch = useDispatch();

  React.useEffect(() => {
    if (token)
      !isLogged
        ? dispatch(actions.changeIsLogged(true))
        : dispatch(actions.setInfoUser({ avatar, name }));
    else {
      clearAllLS();
      dispatch(actions.changeIsLogged(false));
    }
  }, [dispatch, isLogged]);

  const routeOnlyUser = comp => {
    const token = getItem('meeting-token');
    return token ? comp : redirect('/welcomePage');
  };

  const routeOnlyGuest = comp => {
    const token = getItem('meeting-token');
    return !token ? comp : redirect('/');
  };

  return (
    <AppWrapper>
      <MainWrapper>
        <Switch>
          <Route exact path="/" component={routeOnlyUser(HomePage)} />
          <Route path="/welcomePage" component={routeOnlyGuest(WelcomePage)} />
          <Route path="/signIn" component={routeOnlyGuest(LoginPage)} />
          <Route path="/signUp" component={routeOnlyUser(LoginPage)} />
          <Route component={NotFoundPage} />
        </Switch>
      </MainWrapper>
      <GlobalStyle />
    </AppWrapper>
  );
});

[cuongdevjs]

facebook/react#18178 (comment)
I was check stack error, this error probably due to useSelector hook :)

[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