I've built a simple stopwatch with start and stop buttons. I've also built a really barebones matching game where a user clicks on 5 different squares that start out as random colors (possibility of being 7 predefined colors). Every time…
The parent component doesn't seem to access the ErrorMessage I get this error... Objects are not valid as a React child (found: object with keys {error_msg}). If you meant to render a collection of children, use an array instead. I…
There is a delay state variable controlled by a slider, but its value is not used. Pass the delay value to your custom useCounter Hook, and change the useCounter Hook to use the passed delay instead of hardcoding 1000 ms.…
Cannot read properties of undefined (reading 'value'). I am facing this error and not finding a way to fix it. I am trying to build a todo app using react js. Below is the app.js code... import "./App.css"; function App()…
I am working on a Next.js app, and in one of the components, I have a DropdownMenu where one of its items launches a DialogAlert (both are Shadcn components). I am trying to control the dialog's open state with setIsDialogOpen,…
Im facing an issue where i am trying to create an editable text input within my app. A brief summary of what is happening - Data is passed through from the screen to the modal. The modal then sets the…
import { View, Text, StyleSheet, Pressable, Button, ActivityIndicator, Alert, FlatList } from 'react-native'; import { useEffect, useState } from 'react'; import { supabase } from '../lib/supabase'; import { useAuth } from '../providers/AuthProvider'; import { Quizz } from '../types/db' import {…
I am struggling to understand exactly what is going on with the Youtube API. It seems the application I developed in React continuously makes requests to the Youtube API even after initial render is done. I had to go back…
import React, { useState, useEffect } from 'react' function Counter() { const [count, setCount] = useState(0) const incCount = () => { console.log("count ", count) // setCount(count + 1) setCount(x => x + 1) } useEffect(() => { console.log('use effect…
I am having trouble figuring out how to reset my projectList to it's initial state so that way in the filterProjects function it is filtering through the entire projectList and not the already filtered ones. I have a function called…