I am having an issue where, if I load my page for the first time things work perfectly fine. However when I try to navigate to another page, my api data is just completely lost. Here is my tree: App…
Despite the short title line, I have a few interrelated questions about the sample below, borrowed from React official docs. I have trimmed down the original sample a bit. On the very first App render (when the page loads for…
I'm building a simple React application where I update the state when a button is clicked. However, my component doesn't re-render as expected when the state changes. Here is my code: import React, { useState } from 'react'; function App()…
I am building my first React app using Java Spring for the backend. I encountered an issue while trying to fetch data from the API and map it in js. It gives me the error fireteam.map is not a function.…
import React, { useState, useEffect, useMemo } from 'react'; import axios from 'axios'; import { ChatLog } from './ChatLog.jsx'; import { GoArrowUp } from "react-icons/go"; export function QueryBar() { const [searchInput, setSearchInput] = useState(""); const [botChat, setBotChat] = useState([]); const…
I am learning React for a project at work and currently really having trouble getting the hang of the asynchronous model. Here is the component I'm working on: const Customers = () => { const [logos, setLogos] = useState([]); const…
I've created simple context and custom hook to use it and i want to pass callback function through this hook. Is it even possible? Bear in mind its not the actual code, it's just supersimple representation of an idea. I…
UPDATE: I created a codesandbox for my issue. You will see 3 components that you can upload files but whenever you choose a media, always the first component will update. https://codesandbox.io/p/devbox/vigorous-joana-rzqwcv I use Next.js latest version. I have a component…
I am very new to React JS and Firebase. I tried to https://medium.com/ topic "Building a Firebase Authentication and Private Route System in a React App" After modifying the code and trial and error. I'm stuck in AuthProvider.js. Everytime, I…
I'm trying to run my Setup function once when the Discord Activity loads (https://discord.com/developers/docs/activities/how-activities-work). My code somehow runs the function twice and creates an error. Here is the code I'm using: function App() { const [auth, setAuth] = useState<authType>(null); async…