Кастую Ванг для детекта баги

мне не нужео ее решать, мне нужно очистить localhost коректно

chrome / devtools / application / clear storage
А еще когда тестишь что то чувствительное лучше юзать инкогнито

кроме чистки localStorage есть еще чтото?

Посмотри там куча галок, не только он чистится

мы об одном и том же говорим?

Да

ну да, а еще чтото есть что можно "почистить"

import './App.css';
import  Nav from './Nav'
import  About from './About'
import  Shop from './Shop'
import {BrowserRouter as Router, Switch, Route} from 'react-router-dom'
import Home from './Home'



function App() {
 return (
   <Router>
     <div className="App">
       <Switch>
         <Nav/>
         <Route exact path='/' component={Home}/>
         <Route path='/About' component={About}/>sd
         <Route path='/Shop' component={Shop}/>
       </Switch>
      </div>
   </Router>
 );
}



import st from './Nav.module.css';
import {Link} from 'react-router-dom'
import About from './About';
import Shop from './Shop';
import { useHistory } from "react-router-dom";

function Nav() {

const navStyle={
   color: 'white',
   textDecoration: 'none'
}

 return (
   <div className={st.nav}>  
       <h1>logo</h1>
       <Link style={navStyle} to='/About' ><div>About</div></Link>
       <Link style={navStyle} to='/Shop' ><div>Shop</div></Link>
   </div>
 );
}

export default Nav;


на <Link> нажимаю меняется юрл но компонент не показывает

ребят прив а как запретить маршруты в реакт роутер? допустим если юзер залогинился то в редакс стэйте меняю isAuth: true и если оно так то запретить роут Home/LoginPage
как такое сделать?

useEffect(() => {
   fetch("../dataCards.json")
     .then(response => console.log(response))
 }, [])  

Почему не приходят данные? Можно ли вот так делать запросы к файлам?

К какому файлу, по-твоему, обратится этот фетч?

К тому, который находится по пути