Olá!
Tenho um arquivo contendo uma única função, ela deve retornar um boleano apartir de uma condição utilizando os dados do storage do redux. Eu consigo conectar o arquivo sem ser um ReactComponent ao Redux?
A função é responsavel pela autenticação da aplicação. Sendo assim:
import { connect } from "react-redux";
const isAuthenticated = ({ user }) => {
console.log("auth.js", user);
return true;
}
const mapStateToProps = (state) => ({
user: state.user,
});
export default connect(mapStateToProps, null)(isAuthenticated);
No arquivo de rotas tento chamar essa função isAuthenticated()
:
import React from "react";
import { BrowserRouter, Switch, Route, Redirect } from "react-router-dom";
import { connect } from "react-redux";
import isAuthenticated from "./utils/auth";
const PrivateRoute = ({ component: Component, ...rest }) => {
if (isAuthenticated()) return <Route component={Component} {...rest} />;
else
return (
<Redirect
to={`/login?redirect=${window.location.pathname}`}
{...rest}
/>
);
};
const AnonymousRoute = ({ component: Component, ...rest }) => {
if (!isAuthenticated()) return <Route component={Component} {...rest} />;
else return <Redirect to={`/app`} {...rest} />;
};
return (
<BrowserRouter>
<Switch>
...ROTAS
</Switch>
</BrowserRouter>
);
export default connect(mapStateToProps)(Routes);
No entanto recebo o seguinte erro:
Ps.: Sou iniciante no mundo React JS. Obrigado!