I am trying to iterate the data but it saying testData is not iterable. This is my code - const testData = details?.[0]?.one?.map((item) => { const labelTwo = item?.itemType === 'FIRST' ? 'newLabel' : 'oldLabel'; return { label: details?.[0]?.one?.length >…
I'm getting an error on the className of mapped elements. I believe TS is throwing the error because the map's children (MenuItem) don't have the className type. See the error below. The mapped elements are part of the headlessui package.…
I'm trying to get a field inside document by using query method. But I can't and I'm not getting any error ("probably query response is empty") const chatId = "6042ff11-fe94-4e65-958b-80130d9e7108" const docRef = collection(db, 'userGroups'); const q = query(docRef, where(`${chatId}`,…
My goal is to perform an action when keyboard button is pressed, using current value of variable that I declared with useState. I reproduced my problem in code example below: import React from 'react'; import { HotKeys } from 'react-hotkeys';…
From the beginning i have problems with nodeJs, i tried install others version but nothing resolve my problem. When i import bootstrap to my project and import any elements for example button i got this error, when I have clear…
I've been working with React, and I'm trying to understand the difference between creating a reference using useRef and creating a reference without it. I've implemented two versions of a simple counter app with a button. In the first version,…
I am currently a novice web developer and I am trying to setup some basic interactions with my frontend and backend using React and Springboot. I am confused as how am I supposed to send requests once I have authenticated…
I am working on a Vite+React Project, and currently I am working on mobile navbar so my first problem is when I first click on the mobile nav icon the nav component is showing but on the second click to…
I understand the use of server actions in client components, for form submission for example or any other mutation. As for data fetching, in server component we can directly access the db so that's great. And in client components it's…
I'm trying to implement smooth scrolling for my entire page, but I'm experiencing an issue where the scrolling "snaps" up and down rather than moving smoothly. It seems to jump unpredictably instead of easing nicely as expected. What I've Done:…