Category "reactjs"

Can't find specific single user email query in Mongodb database?

API response show all user data in database to website UI const [product, setProduct] = useState([]); const [user] = useAuthState (auth) useEffect(() => {

React-native spotify api call returning [Unhandled promise rejection: TypeError: undefined is not an object (evaluating 'data.items.name.map')]

Hey so I'm working on a react-native app that is using the spotify Api. I'm currently trying to call the endpoint which returns a users playlists. The way I wan

ReactJS - Getting Eslint errors while building or running application

I am creating an application in ReactJS. I have setup react project using "create-react-app". In this project I have added few pages and common layout. Now when

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