Encountering an infinite loop issue when querying user data containing an array in Firebase via onAuthStateChanged

My current environment is ReactJS18.2.0, running with Firebase10. The problem I'm currently having is using on...

From [Reactdiscussion group] 2023-08-18 15:16:51 0  1  416

Title rewritten as: No matter what, I can't get a value from my array

I'm trying to display data from an array in my React component. I can see the data I need through console.log(...

From [Reactdiscussion group] 2023-08-18 15:22:01 0  1  594

Tips to use useEffect to maintain background color state

I'm trying to save the background color of a wishlist toggle button so that when the user moves across pages, ...

From [Reactdiscussion group] 2023-08-18 15:08:53 0  1  498

How does useCallback help code run faster?

So it is said that useCallback can cache a function, I think the intention is to make the code run faster. For...

From [Reactdiscussion group] 2023-08-18 10:02:15 0  1  491

How to scroll back to top when switching screens in React JS and Lenis smooth scrolling

I'm using lenis to implement smooth scrolling and I have a ScrollToTop.js file that I use in my App.js. It wor...

From [Reactdiscussion group] 2023-08-18 09:58:58 0  1  640

How to set Cross-Origin-Opener-Policy when using Reactjs

How do I resolve the "Cross-Origin-Opener-Policy policy will prevent the window.closed call" error i...

From [Reactdiscussion group] 2023-08-18 09:41:51 0  1  602

Always use 401 res in OpenWeather() - react-open-weather library

I want to add a weather widget in my React application and I try to use the React-Open-Weather library. But th...

From [Reactdiscussion group] 2023-08-18 09:24:49 0  1  507

TailwindCSS in browser not updated after modifying class

I'm running Tailwind with React, but in order to see the changes I made to classNames, I have to restart the s...

From [Reactdiscussion group] 2023-08-18 09:24:44 0  1  487

How to display a message every 5 seconds in ReactJS

I have an array of messages and I want to display each message in the array in the Header component of my Reac...

From [Reactdiscussion group] 2023-08-18 09:19:37 0  1  478

Can I use page items in cursor-based pagination?

Can I use page items in cursor-based pagination? For example, whether a specific page can be accessed directly...

From [Reactdiscussion group] 2023-08-17 22:12:25 0  1  496

Concatenate the names of yup and react-hook-form when using an array of objects

I'm trying to connect react-hook-form with yup's schema via register, but I'm running into an error. My goal i...

From [Reactdiscussion group] 2023-08-17 21:56:44 0  1  470

How to embed a React application into a WordPress block for rendering by the end user?

I want to embed my React application in a WordPress block and serve this application to the end user. My expec...

From [Reactdiscussion group] 2023-08-17 21:15:10 0  1  452

Embedded button in link, how to stop the chain effect of onClick link

I have code similar to the example below. I'm trying to create a clickable grid cell that sends the user to a ...

From [Reactdiscussion group] 2023-08-17 21:31:04 0  1  433

PDF.js cannot display rendered canvas image

I have a React component that displays a PDF. When I use this component, I just need to pass the URL of the PD...

From [Reactdiscussion group] 2023-08-17 20:02:20 0  1  585

In ReactJS, how to update useState's value from a separate file?

I'm trying to access and update the state of an object from two different files, if I use a local useState for...

From [Reactdiscussion group] 2023-08-17 19:46:21 0  1  561