I have a state array using useState that keeps track of some components, I add components to the array with a click of a button i.e const [answerLines, setAnswerLines] = useState<any[]>([]); adding to the array const addAnswerLine = () =>…
Why am I getting the following error while trying to create a store with redux-toolkit? Uncaught TypeError: setting getter-only property "configureStore" This is my scr/store/index.js: import { configureStore } from "@reduxjs/toolkit"; import uiSlice from "./ui-slice"; const store = configureStore =…
Trying to use useRef hook on a functional component. I'm getting: {current: null} when I try to log this to console. Any thing look off here? import React, {useRef} from 'react'; const Hi = () => ( const span =…
I am developing a wizard setup for the company I work for, this wizard will be used for the sign in flow when a user try to create an account. For each step I conditionally render different inputs, when the…
I'm new to React and am trying to implement an HTML structure like this <div class="heads"> <div class="head">head1</div> <div class="head">head2</div> <div class="head">head3</div> </div> <div class="bodies"> <div class="body">body1</div> <div class="body">body2</div> <div class="body">body3</div> </div> Each head-body pair (like head1-body1) belongs to a…
I am lazy-loading components on a React page by using react-intersection-observer: import React from "react"; import { useInView } from "react-intersection-observer"; const LazyComponent = ({ LoadableComponent, ...rest }) => { const { ref, inView } = useInView({ rootMargin: "50px 0px"…
My React App runs perfectly fine when I run index.js. However, now I'm trying to move it to an Express server and when I refresh the page, I see the app run for about .5 seconds before it disappears to…
Context: I am retrieving data about tutors from an API endpoint using Axios GET request. It is intended to be processed and sent to other components within the application. Problem: I am currently using an useEffect() hook in my main…
I have included both the css and js Leaflet map CDN links. Also given height and width to div container inside which Map component is present, but still the map is not getting displayed. The space of the container is…
I am doing the project using MERN stack. So I have compiled the code successfully by running npm start on both client side and server side. It will open http://localhost:3000/ when I fill the data and click on submit. It…