my App declaration looks like this function App() { const [loggedIn, setLoggedIn] = useState(false); const [username, setUsername] = useState('') const [userId, setUserId] = useState(0) const [error, setError] = useState('') useEffect(() => { fetchSessionData(setLoggedIn, setUsername, setUserId, setError) }, []) fetchSessionData calls…
I have a object I am iterating through and making an axios call per iteration. The following two bits of code are what I have attempted. In one I am using an async function, and using await -- In the…
I'm trying to make a SearchBar in React that as an icon in it, something like this: Initially I had a button, like this: const SearchBar = ({ width, text, marginBottom }) => { return ( <button className='searchBar' type="text" style={{…
I have a react project, I have inserted a bunch of variables which I would ideally be able to reference from other CSS files to have a single code base for certain UI configuration (colours, buttons, etc.). Though I'm unsure…
import { useCallback, useReducer } from "react"; const ARTIST_REDUCER_TYPES = { ADD: "ADD", }; const artistArray = [...Object.values(ARTIST_REDUCER_TYPES)] as const; type ActionReturnedTypes = (typeof artistArray)[number]; type ReducerStateType = { artist: { name: string }; albums: { name: string, released: number…
I'm implementing a "characters left" feature for a textarea. When the user types it should countdown to zero and then stop the user entry. I'm using a useRef to bind to the textarea and output it's length value in the…
Redux toolkits view: I have some statements in Redux toolkits and I can't enter some of them. I already tried this version, but it gives me error. const orderDetails = useSelector((state) => state.orderDetails); const { order, loading, error } =…
I'm getting an error that each child in a list should have a unique "key" prop. The error only appears on the second .map function. import React from 'react' import { Table } from 'react-bootstrap' const ActivityTable = () =>…
When a user logs in, I want to check if he has created his business or not. If he hasn't he should be navigated to the onboarding page. The page keeps refreshing as if there's a loop going on. Someone…
I am having an issue with my react.js / bootstrap app where my new users form is not submitting. I originally used e.preventDefault(), but this caused my form to not validate, so I removed it. Now, my form validates, however,…