JavaScript - Change CSS style by Jquery

import { Routes, Route } from 'react-router-dom';
import './App.css';
import Main from './components/Main';
import ProductList from './components/ProductList';
import ProductItem from './components/ProductItem';
import ProductDetail from './components/ProductDetail';
import Header from './components/Header';
import Footer from './components/Footer';
import { BrowserRouter as Router} from 'react-router-dom';
import { useState } from 'react';
function App() {
 

const [list, setList]= useState([]);
  return (
   
    <div className='container'>
    <Header/>
    
     <Routes>
        <Route path='/' element={<Main/>}></Route>
        <Route path ='/list' element = {<ProductList list ={list} setList={setList}/>}/>
        <Route path ='/detail/:num' element = {<ProductDetail/>}/>
      
     </Routes>

    <Footer/>
    </div>
  
  );
}

export default App;