I want to send the value of an inputbox useing useContext so i managed to create a context.js as fallow context.js import {createContext} from 'react' const menuContext = createContext('') export {menuContext} then use it in menu.js import React , {useState}…
I've managed to get my React app to display the title of Reddit articles but the images are not displaying. Any ideas where I'm going wrong? Here's my code: App.js import './App.css'; import { useState, useEffect } from 'react'; import…
I am studying MERN and my tutor has given me an assignment: Store image given by user in the 'public' folder without the use of backend or database, just react. I have: import { useEffect, useState } from "react"; export…
I have a netlify frontend at app.mydomain.com, and a django ninja REST API at api.mydomain.com. When I submit to my login endpoint, the api returns successfully with the access key (which I store in app state) and a refresh token…
I'm trying to create a protected route component in my React application using react-router-dom, but I'm encountering an issue. What I’ve Tried: Ensured ProtectedRoute is exported correctly. Confirmed the useAuth hook is working as expected. Verified that components are being…
I have a component SomeComponent which takes a Component or IntrinsicElement through the component property and should construct that component. But this is giving type errors. Parsing error: '>' expected.eslint 'Component' refers to a value, but is being used as…
The setPage is working fine in the pagination component. However, it doesn't change the page in the datagrid itself. I can see the number changes (page) in the browser console. If a entered the page number statically in the useState,…
I want to display 4 videos on the screen using react, if I increase the size of one video, the others should adjust accordingly , how can I do it? I tried the following code <SplitterLayout percentage secondaryInitialSize={50}> {/* Left…
I'm working on a Next.js 14 project and I need to fetch data in a client component. I've come across two different methods and I'm unsure which one is the best practice. Method 1: useEffect with an Async Function and…
I have a Map component in my React project, which receives a prop of a current hotel and is supposed to retrieve and present the hotel's location on a Google Map React Map. This is the code of my MapView.jsx…