Category "reactjs"

Cannot read properties of null (reading 'pulsate') in material-ui Button component

This is version of material-ui that I am using : "@mui/icons-material": "^5.5.1", "@mui/material": "^5.5.1", This is how I imported Button component : import B

Prevent going to the previous page on browser back button

I have a Next.js / React.js project I'm working on and I'm trying to redirect to a certain page when browser's back button is clicked. My approach is as follows

React Slick Not Auto Playing

i'm new to react slick for my react projects i'am using react slick everything okay but just autoplay not working ? So what can I do for auto playing ?

Performant way of getting mouse position every frame for canvas animation in React?

I have an animated background using canvas and requestAnimationFrame in my React app and I am trying to have its moving particles interact with the mouse pointe

Prevent rerender flatlist React Native

I have custom created calendar using Flatlist. In the parent component I have a state with starting date and ending date and Press handler function to update st

Can i migrate webpage using old react version to new version?

So the existing web is using old version of react, ajax etc. Customer accesses .../old_url. My plan is like this create new react project <Switch> <

unable to write html in react component [closed]

i was creating my first react component and i was following a tutorial in which we need to create component but I was unable to add html in my

How should I add error handling to the constructURL function

I'm working on a project that is helping me to learn about JavaScript for an incoming internship that I have. In the constructURL function I'm using an if-else

Why I'm getting - Rendered more hooks than during the previous render

I have a hook named useComments. When I hardcode, const { comments1 } = useComments(requests[l].id, true); const { comments2 } = useComments(requests[l].id, tru

AXIOS Status 400 Bad Request on React Front End

I am building an authentication component on React. When the wrong password/username is entered, I am expecting a Status 400 with the message: 'Invalid email or

Uncaught TypeError: Cannot read properties of undefined (reading 'replace') in Syncfusion Gantt

I'm using the GanttComponent (from @syncfusion/ej2-react-gantt) in my app inside one of my react stateless component functions since quite a long time without a

react-spline bug, after built react project, the spline content is gone. in spline frame responsive

i have some issu with react-splie after build. my spline content is gone after built with react, but when resize the window, the content is coming back again. m

Go JS Tree Mapping view in React TS

I want to achieve Tree Mapping from Gojs in React typescript. I found one example of Go js in react but it's still confusing for me to make Tree Mapping in reac

How to modify Bootstrap variables v4 using @use instead of @import in sass

I want to use @use instead of @import for modifying bootstrap classes $primary: #f84b07; $border-radius: 10rem; @import "~bootstrap/scss/bootstrap.scss"; I us

Hydration error due to if statement in Next.js [duplicate]

I am getting three errors due to the if statement in my _app.js file. Error: Hydration failed because the initial UI does not match what was r

Changing video-background based on weather description using React

I am trying to have it so that the video background of my weather app will change based on the weather condition using React. This is my App.js import React

Maps vs Objects vs Arrays for core data structure in React app with document database

My app aims to allow communal viewing+editing of what are essentially tables. It's a react app (with typescript), so being useable as react component state is r

"Warning: Cannot update a component" when creating a user with Firebase react hooks

In my React App I want to create a user with Firebase react hooks using createUserWithEmailAndPassword authentication but I get these errors. Error 1 POST http

Why can't I directly modify a component's state, really?

I understand that React tutorials and documentation warn in no uncertain terms that state should not be directly mutated and that everything should go through s

Select products indiviudally in react js

the component holds a bootstrap cart inside and my button is rendered inside that cart to be specific. how to edit each one of the buttons individually enter im