Ontem estava tudo funcionando, ai quando entrei hoje, apareceu esse Warning no console sem eu ter feito nenhuma alteração no projeto e a timeline não quer aparecer. Nao aparece mais nada no console, apenas isso.
index.js:1446 Warning: React does not recognize the `computedMatch` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `computedmatch` instead. If you accidentally passed it from a parent component, remove it from the DOM element.
in div (at src/index.js:23)
in Switch (at src/index.js:22)
in Router (created by BrowserRouter)
in BrowserRouter (at src/index.js:21)
Meu index.js esta assim:
import React from 'react';
import ReactDOM from 'react-dom';
import './css/reset.css';
import './css/timeline.css';
import './css/login.css';
import App from './App';
import Login from './componentes/Login';
import Logout from './componentes/Logout';
import {BrowserRouter as Router, Route, Switch} from 'react-router-dom';
import {matchPattern} from 'react-router/lib/PatternUtils';
import * as serviceWorker from './serviceWorker';
function verificaAutenticacao(nextState,replace) {
const resultado = matchPattern('/timeline(/:login', nextState.location.pathname);
const enderecoPrivadoTimeline = resultado.paramValues[0] === undefined;
if(enderecoPrivadoTimeline && localStorage.getItem('auth-token') === null) {
replace ('/?msg=você precisa estar logado para acessar o endereço');
}
}
ReactDOM.render(
(
<Router>
<Switch>
<div>
<Route exact path="/" component={Login} />
<Route path="/timeline(/:login)" component={App} onEnter={verificaAutenticacao} />
<Route path="/logout" component={Logout} />
</div>
</Switch>
</Router>
),
document.getElementById('root')
);
serviceWorker.unregister();
Já procurei no fórum e não algo que se encaixasse, e o que achei procurando na internet, fiz algumas alterações, mas não resolveu. Então voltei com o código do jeito que estava, e conforme esta na aula e na transcrição.
Se alguém puder me ajudar!! Obrigada.