import { useEffect, useState } from "react"; const useFetch = () => { const [data, setData] = useState(null); const [isPending, setIsPending] = useState(true); const [error, setError] = useState(null); useEffect(() => { const abortCont = new AbortController() setTimeout(() => { fetch('http://localhost:3000/blogs',…
In the auth and login function, the data returned is correct, but when I save it to state, it just disappears export const useAuth = () => { const [user, setUser] = useState(null); return { user, async login({mail, password, stayLoggedIn})…
Here is the node js getting error in promise import express from "express"; const app = express(); const port = process.env.PORT || 3000; app.get('/jokes', (req ,res) => { const jokes = [ { id: 1, title: 'Why don't scientists trust…
Why doesn't my second call to personDataSend set isLoading value work in the RTK Query mutation query? When you do onClick for the first time, isLoading is true, but on the second click, it is not, and on the second…
I'm using react-router-dom version 6.3.0 and I'm trying to make my router handle an updated URL structure. As an example, my old routes look like this: <Route path='animals/dog' element={<Dog />} /> <Route path='animals/cat' element={<Cat />} /> <Route path='animals/bird/songs' element={<BirdSongs />}…
Using the following code, I can see my data in the console but nothing is showing on the screen and there are no errors in the console. I assume there's a problem in my return with the mapping but no…
import React,{useState} from 'react'; function Car() { const [st, setSt] = useState(0); return <h2>a Car!</h2>; } export function App(props) { const [count, setCount] = useState(0); if(count===3) return ; let b=<Car/> return ( <div className='App'> <Car/> <button onClick={() => setCount(count +…
I've been trying to remove the black box that appears when you click the input box, but it doesn not go away const renderSearch = () => { return ( <View style={styles.searchSection}> <FaSearch style={styles.searchIcon} /> <TextInput value={searchValue} onChangeText={(text) => onSearch(text)}…
I have been trying to migrate a React.js CRA to Next.js SSR Application, I moved specifically to Next.js 11 as I have some package deps which support only up Next.js 11, as my CRA application is working perfect, but when…
After doing some programming for the day, I noticed that running npm audit on a number of my react projects was always returning 0 vulnerabilities. I found this extremely odd, especially since one project earlier that day had 8 vulnerabilities.…