TL;DR: My React components doesn't rerender after a remix.run ActionFunction. I have a route with a form in which, when submitted, runs an ActionFunction. The ActionFunction then does something and returns, e.g., return json({ message: "Success!", status: 200 });. I…
I am trying to display data fetched from API with React. I am fetching the data from https://pokeapi.co/docs/v2, and I intend to display the names and urls retuned and also manipulate them to practice conditional rendering, etc But it seems…
I have a very simple React app to better understand how useEffect works. This app has the App component with useEffect hook. Inside this hook, I simulate a heavy synchronous task using a for loop. I am curious about the…
verify Toekn error in node js i send token to post man but error found show in postman verify token are not verify in postman send error 401 const jwtEmail=req.body.email.split("@")[0] console.log(jwtEmail) const token=jwt.sign({user_data:email},jwtEmail,{ expiresIn:"24h" } ) const verifyToken=async(req,res,next)=>{ try {…
const jwtEmail=req.body.email.split("@")[0] console.log(jwtEmail) const token=jwt.sign({user_data:email},jwtEmail,{ expiresIn:"24h" } ) const verifyToken=async(req,res,next)=>{ try { const token = req.header.authorization.split("")[0]; const user_data =await User.findOne({auth_token:token}) const jwtEmail = user_data.email.split("@")[0]; const decodedToken = jwt.verify(token,jwtEmail); next(); } catch (error) { return res.status(401).send({ message: "Auth failed", error });…
Today when I using pnpm install command to install the react app dependencies, shows warning: > pnpm install WARN deprecated [email protected]: This SVGO version is no longer supported. Upgrade to v2.x.x. WARN deprecated [email protected]: This package has been deprecated and…
I have an object which comes from FieldErrors react-hook-form, however, I am not sure how to access the object in order to retrieve the message property. The object shown in the image below comes from react-hook FieldErrors where I added…
I have this array: [ { "label": "Group A", "fields": [ { "value": "color1", "name": "Mike" }, { "value": "color2", "name": "Mark" } ] }, { "label": "Group B", "fields": [ { "value": "red", "name": "Steve" }, { "value": "priority",…
It feels like there is nothing difference between the first one and the second one. But the first one code snippet can solve the stale closure. So, why the second one can't? I really can't figure it out. Can anyone…
I have a react component similar to this: export default function App() { const [minVal, setMinVal] = useState(-19.0); const [maxVal, setMaxVal] = useState(17.65); const steps = 0.25; const [val, setVal] = useState(0); useEffect(() => { setMinVal(Number(minVal).toFixed(2)); setMaxVal(Number(maxVal).toFixed(2)); let avg =…