I have a Navbar with the routes set up like this: import '../styles/Nav.css' import { BrowserRouter as Router, Routes, Route, Link} from 'react-router-dom' import { Home } from '../components/Home' import { Contact } from '../components/Contact' import { Error } from…
I am using an array and useState() to fetch the data from the firebase database. The array is initially empty. However after I recieve the data from the firebase after its initial loading and try to forward the data to…
I currently have a refresh token API call after every 60 mints, Here is my condition: **const expires_in = 3600 //This is 3600s comes from auth api if (refreshToken && expires_in * 1000 > Date.now() + 3600000) { // RefreshToken…
I have problem that the favicon does not change when searched in google. This is the _document.tsx and the image exists in public folder. but it still take the last logo and not change to the new one <Html dir={dir}>…
I have this simple template: <div className="wrapper"> <div className="block one"> <GoSearch /> 15 </div> <div className="block two">test</div> </div> with this css: .wrapper { display: flex; width: 100%; margin-top: 40px; justify-content: center; align-items: center; } .block { flex: 1; background-color: red;…
Hello so I have a frontend written in react with a FastAPI (python) backend, I am trying to authenticate against Spotify User account (Auth Code flow). This was literally working a few days ago but I somehow messed something up,…
I am newish to React and am using React Select (https://react-select.com/) to create a dropdown list. I want to wrap this in my own component, so I can send React Select a specific set of props based off the props…
when i tried to create a react app using create-react-app im faced with error and unable to create the app. and the error is.... npm error code EAI_AGAIN npm error syscall getaddrinfo npm error errno EAI_AGAIN npm error request to…
I have a Carousel Component and want to have a "like" button on each card. How could I do this in the function component? When I use "useState" on the "like" button and the reaction appears on each child (each…
Let's say I have a list of countries that are country coded and I want to display a proper word for each code that I receive as props for my component. interface MyComponentProps { countryCode: 'en' | 'de' | 'fr';…