The truth is, I have looked many times and no, I do not have any dynamic amount, I looked in other forums and they told me that it could be a loose file but neither. Iβve looked file by file and something is going wrong and I canβt figure it out. I need to identify the error but I canβt. Yesterday I was 11h with this, today Iβve been all day. Please, I want to get this problem off my back.
my imports
import React, { useEffect, useState } from 'react';
import { BrowserRouter, Routes, Route, Navigate } from 'react-router-dom';
import Header from './components/Header/Header'
import Webhooks from './components/Webhooks/Webhooks';
import ServerConfig from './components/ServerConfig/ServerConfig';
import ShopifySites from './components/ShopifySites/ShopifySites';
import Payment from './components/Payment/Payment';
import Login from './components/Login/Login';
import styled, {ThemeProvider} from "styled-components";
import {lightTheme, darkTheme, GlobalStyles} from './themes';
import './App.css'
my package.json
{
"name": "my-app",
"version": "0.1.0",
"private": true,
"dependencies": {
"@testing-library/jest-dom": "^5.16.2",
"@testing-library/react": "^12.1.4",
"@testing-library/user-event": "^13.5.0",
"react": "^17.0.2",
"react-dom": "^17.0.2",
"react-router-dom": "^6.2.2",
"react-scripts": "^5.0.0",
"styled-components": "^5.3.3",
"web-vitals": "^2.1.4",
"yarn": "^1.22.18"
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
},
"eslintConfig": {
"extends": [
"react-app",
"react-app/jest"
]
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
}
}