I know there are multiple questions on this topic already but I didn't get the gist from them. I'm tired of asking this on chatGPT and Bard so that's why I'm here. Lil Background - I'm a web designer learning…
I made this simple React program. Can someone tell me why the stop button doesn't work? Shouldn't the boolean statement stop it from repeating after I click the stop button? import "./styles.css"; import { useState, useEffect } from "react"; import…
I have an array of elements and I want to display them in a div, when the array is big some elements are outside my parent div, I want to detect which ones are outside to make some operations. this…
I have a field that should only accept integers because my backend can't accept float type. When using Yup.number().integer() to achieve this, it works fine for whole numbers like 2, 3, 100, etc. However, when I enter a value like…
I have this Component: /* eslint-disable */ import React, { useEffect, useState } from "react"; import { usePostValidateMutation } from "./features/apiSlice"; export const App = () => { const [postValidate] = usePostValidateMutation(); const [token, setToken] = useState(undefined); useEffect(() => {…
So I am trying to fetch an API using NextJS and I am using SWR. My code is as follows: import useSWR from "swr"; const fetcher = (url: string) => fetch(url).then((res) => res.json()); export default function Home(){ const { data,…
While running npm install --save react-firebase I'm facing above error I tried to read the logs but it wasn't help at all. I want to install Firebase successfully on my system. It is showing could not resolve dependency error along…
I keep getting the ReactRouterDOM error but I am following a tutorial and my professor is not getting this error (video may be outdated). index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Routing</title> <!-- Load Babel --> <script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script> </head>…
I am currently working on a simple todo crud app. I just cannot seem to get my data to be put out on the screen. const Home = () => { const [todos,setTodos] = useState([]); const getTodos = async ()…
if we get html data from server side, so i think it will get max time than json data, so how can server rendering improve our web app performance? please explain this in simple way on reactJS flow and structure.…