Category "reactjs"

React.js URL changes but view does not change

I am new to React.js. I am using React.js 18.0.0. I am developing simple login application. Here I am facing problem in routing. When I click on forget password

React Context State Not Updating

My Context: type Props = { children: React.ReactNode; }; interface Context { postIsDraft: boolean; setPostIsDraft: Dispatch<SetStateAction<boolean&

Force User input string to turn into lowercase

I am working with React and Javascript I'm not sure where to add the function. I have my input working great--but I realized I needed to add a function or the a

React - 3 same inputs but only one change it state

I have a custom file input component, which I created to show the preloaded image when the person uploads their file. But the problem is, I'm using this compone

Why is my create react app giving no output?

I'm doing a tutorial for a basic CRUD app with React and Tailwind, this is my first time setting it up and I'm trying to display a navbar but when i run 'npm ru

When I use useNavigate then show this error. How can I fixed this problem?

WARNING in ./node_modules/bootstrap/dist/css/bootstrap.min.css (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postc

Property 'accessToken' does not exist on type 'User' && firebase is not defined

I am using TypeScript in my React application and I have an error "Property 'accessToken' does not exist on type 'User'" when getting an accessToken of user My

React draft wysiwyg default font size

Could I ask you how to change default font size in react draft wysiwyg https://github.com/jpuri/react-draft-wysiwyg#readme? Class defining toolbar: export const

React Card Example issue - Card is replaced instead of being appended to a list of cards in another column

I have been persistently working on this problem where the goal is to drag a card form 'Column 1' and copy that into another column say 'Column 2'. Now when my

React 18 Fragment complaining of too many children

A few days ago I tried to add Storybook to my React app, and basically everything imploded. I restored from a backup, but it didn't include the node_modules fol

React + gRPC don't reach envoy container

I was trying to build a very basic web page in React that would send gRPC request to a backend written in Rust. I followed these guides: https://daily.dev/blog/

ESLint: Plugin "react" was conflicted between

I have a React app inside a monolith npm component package. The React app serves as a demo site which consumes this component package as an integration step ove

Passing multiple params in react-router-dom like reactnavigation

Well, I'll get to the point with this, and I have a problem passing parameters to the browsing history For those with experience in reactnavication, you will kn

Issues while trying to pass data from one page to another using Link from React-Router v6

I have the following Router: // index.js import { BrowserRouter as Router, Routes, Route } from "react-router-dom"; import history from "./history";

trying to set value to context provider for a cypress test spec

the challenge am having is explained below Am trying to set a draft_id value after the submit-recipients data-testid is clicked. The beforementioned value is pa

MERN: show buttons based on conditional

I'm using React.JS and I'm trying to show a group of buttons based on the state of a variable, this is the code snippet: const cartContentButtons = ( <

Firebase working in cmd but not in git bash

I am building a react project on Visual Studio Code and want to use firebase but when I am giving the command firebase login, it says C:\Users\ajay\AppData\Roam

React Material UI Select conditional rendering shows value as out of range

The use case is creating an order that has multiple order lines. I have two lists of Products: Preferred and All. Every item in Preferred is in All. I have a bo

React checkbox data from mongodb

I try check if checkbox is checked in mongodb or not So for isClosed my value in db is true And its working so far my checkbox is checked bcs its true in db. Bu

How to use MUI to stack components on top of eachother?

I want a div that looks like this on Desktop: ------------------------------------------------------------------ | (icon) | (content)