Internet_programming/Lab5/src/App.jsx

import PropTypes from 'prop-types';
import { Container } from 'react-bootstrap';
import { Toaster } from 'react-hot-toast';
import { BrowserRouter } from 'react-router-dom';
import { Outlet } from 'react-router-dom';
import Footer from './components/footer/Footer.jsx';
import Navigation from './components/navigation/Navigation.jsx';
import React, { useEffect } from 'react';

import { UserProvider } from './Context/UserContext';

// Путь к вашему store
const App = ({ routes }) => {
  return (
    <>
     <UserProvider>
      <Navigation routes={routes}></Navigation>
      <Container className='p-2' as='main' fluid>
        <Outlet />
      </Container>
      <Footer />
      <Toaster position='top-center' reverseOrder={true} />
      </UserProvider>
    </>
  );
};

App.propTypes = {
  routes: PropTypes.array,
};

export default App;