Bug fix

src/App.js

@@ -8,6 +8,8 @@ import AppRoutes from "./AppRoutes";
 import { ToastContainer } from "react-toastify";
 import "react-toastify/dist/ReactToastify.css";
 
+import { StyledEngineProvider } from "@mui/material";
+
 const App = () => {
   return (
     <>
@@ -15,10 +17,12 @@ const App = () => {
         <Helmet>
           <title>{i18next.t("app.title")}</title>
         </Helmet>
-        <ToastContainer bodyClassName="ToastBody" />
-        <main className="l-page">
-          <AppRoutes />
-        </main>
+        <StyledEngineProvider injectFirst>
+          <ToastContainer bodyClassName="ToastBody" />
+          <main className="l-page">
+            <AppRoutes />
+          </main>
+        </StyledEngineProvider>
       </Router>
     </>
   );

src/request/index.js

@@ -1,5 +1,5 @@
 import axios from "axios";
-import queryString from "qs";
+// import queryString from "qs";
 
 const request = axios.create({
   baseURL: "http://localhost:1337/",
@@ -7,8 +7,8 @@ const request = axios.create({
     "Content-Type": "application/json",
   },
   //withCredentials: true,
-  paramsSerializer: (params) =>
-    queryString.stringify(params, { arrayFormat: "comma" }),
+  // paramsSerializer: (params) =>
+  //   queryString.stringify(params, { arrayFormat: "comma" }),
 });
 
 export const getRequest = (url, params = null, options = null) =>