I am developing a booking app and trying to implement the authentication so when I send POST request from the Postman I get the user information but when send the POST request from react application using axios library then I…
I am trying to update a react state, referenced as an array position index. So, I want the state to be updated in a way that the position should be updated back and forth. Like the below, 0 -> 1…
Wish to display top 2 blogs items with largest views. I have tried below code, but it is displaying all of the blogs now, any thoughts on what could be the issue here ? const [popularResults, setPopularResults] = useState([]); useEffect(()…
This is my useState hook . const [fullName, setFullName] = useState({ fName: "", lName: "" }); This is my first code block. 1. function handleChange(event) { const { value, name } = event.target; if(name === "fName"){ setFullName({ fName:value, lName:fullName.lName });…
I am building a Next.js project and I get the following error: Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from…
Basically when a user clicks “Add Item”, I show a bunch of options like Add Note, Add Link, Add Photo and so on. Whenever one of these options is clicked, I slot in the relevant component I.e ItemTextScreen, ItemLinkScreen, ItemPhotoScreen…
components/UI/Icon: types.ts File: export interface IIcon { iconName: string; iconSize: string; iconFill: string; } index.tsx File: import React, { FC } from 'react'; import { IIcon } from './types'; export const Icon: FC<IIcon> = ({ iconName, iconSize, iconFill }) =>…
I'm creating my first react app and I'm having some problems with the light and dark mode. When clicking the button to toggleLightDark function, it works as it saves the true or false state to the localstorage and that works…
Im calling function inside useEffect hook like this: useEffect(() => { const getFirstLevelCategoryData = async (e) => { const config = { headers: { 'Content-Type': 'application/json', Authorization: `Bearer ${userInfo.token}`, }, }; const { data } = await axios.get('/api/category/firstlevel', config); return…
I have a parking lot on url "/home" where the user is to select a date and the select a spot before clicking a button ("book a spot") that redirects them to "/home/book". On this page a form is presented…