前提・実現したいこと
Reactアプリでauth0を使ってログイン機能を実装しています。
その際に認証済みだと閲覧できるページを作りたいのですが、そのページに行こうとするとログイン画面にリダイレクトされるのですが、ログイン後に以下のようなエラーが表示されます。
エラー文的にstringかクラス/関数を渡すように言われているのですが、自分が渡そうとしているDemoAppは関数コンポーネントなので満たしてるのではないかなと思っています。
何が原因なのでしょうか。
わかる方がいましたらコメントお願いします。
####参考
https://auth0.com/docs/libraries/auth0-react
発生している問題・エラーメッセージ
Warning: React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: object. in Unknown (created by Context.Consumer) in Route (created by ProtectedRoute) in ProtectedRoute in Switch in ThemeProvider in Auth0Provider in Provider in Router (created by HashRouter) in HashRouter
該当のソースコード
index
1<Route exact path="/view" component={DemoApp} /> //成功 2<ProtectedRoute exact path="/view" component={DemoApp} /> //失敗
ProtectedRoute
1import { withAuthenticationRequired } from "@auth0/auth0-react"; 2import React from "react"; 3import { Route } from "react-router-dom"; 4 5export default function ProtectedRoute(component) { 6 return <Route component={withAuthenticationRequired(component, {})} />; 7} 8
あなたの回答
tips
プレビュー