trampa-frontend/src/App.js

/*eslint-disable*/
import React, { useState, useEffect } from "react";
import { Router } from "react-router-dom";
import { Helmet } from "react-helmet-async";
import i18next from "i18next";
import history from "./store/utils/history";
import AppRoutes from "./AppRoutes";
import Header from "./components/Header/Header";
import { StyledEngineProvider } from "@mui/material";
import GlobalStyle from "./components/Styles/globalStyles";
import { ToastContainer } from "react-toastify";
import "react-toastify/dist/ReactToastify.css";
import { socketInit } from "./socket/socket";
import { useSelector } from "react-redux";
import { selectUserId } from "./store/selectors/loginSelectors";

const App = () => {
  const userId = useSelector(selectUserId);
  socketInit(userId);
  return (
    <Router history={history}>
      <Helmet>
        <title>{i18next.t("app.title")}</title>
      </Helmet>
      <StyledEngineProvider injectFirst>
        <Header />
        <GlobalStyle />
        <ToastContainer />
        <AppRoutes />
      </StyledEngineProvider>
    </Router>
  );
};

export default App;