元素类型无效：需要一个字符串（对于内置组件）或一个类/函数（对于复合组件）但得到：未定义的组件问题

Question

I'm getting an error called Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined in my newly built react-app after register and login which I'm unable to find the solution.

Here's => the Working Demo

and the screen

Seems like the error is for the private route

Please find the code piece below:

import React from 'react';
import { Route, Redirect } from 'react-router-dom';

export const PrivateRoute = ({ component: Component, ...rest }) => (
    <Route {...rest} render={props => (
        localStorage.getItem('user')
            ? <Component {...props} />
            : <Redirect to={{ pathname: '/login', state: { from: props.location } }} />
    )} />
)

Need Solution.

Answer 1

Looks like export issue Please export he QuizPage like this

 const connectedQuizPage = connect(mapStateToProps, mapDispatchToProps)(App); export { connectedQuizPage as QuizPage };