I have a slice file that includes an async thunk function that returns an array based on API response. Some of this array elements are some i tags that trigger some functions to do something inside another component that is…
I have a React component that looks like this (highly simplified code): const TestComponent = () => { const { data: stuff, isLoading: isLoadingStuff, isSuccess: hasLoadedStuff } = useStuff(); // ... other similar RQ query wrapper hooks const isLoading =…
How to highlight a word on mouseover in text in a React app const text = data[data.length - 1] !== undefined ? data[data.length - 1].taskText : null; const [hilightWord, setHilightWord] = useState(false); const hightlight = (text, hilightWord) => { if…
I have a component that fetches data from an API and then displays it in a table. I have a prop that allows a value that is fetched to be displayed differently in the table. This is how I have…
I thought I can allocate useRef to a React.js component and then have access to the functions in it. I knew the old way handling refs in class components. There I was able to do something like this: class MyParentComponent…
I have created a very simple registration form with react js. I have styled everything like I wanted but I jsut can't remove a weird grey boarder around my registration form. I already tried integrating a global css file and…
We have a React app and we need to create a page which will inform the user that they will be redirected to a specific URL in 5 seconds. That's easy. The tricky part is the possibility that the URL…
I created a ContextProvider to pass the image to a child component, but it's returning "undefined" for some reason. Here's my folder structure: enter image description here Here's my source code for ContextProvider.jsx: import React, { createContext } from "react";…
I have a problem with start my NextJS project. When I started on my computer with using command "npm run dev" everything it works correctly. I have a problem in the moment when I can use for example Vercel or…
i have a proble displaying the content from contentful to the server component.Everything works fine with no runtime errors but give this error " Objects are not valid as a React child (found: object with keys {nodeType, data, content}). If…