Category "reactjs"

Electron-React error: I keep getting undefined error while reading 'ipcRenderer'

I am trying to create a desktop application using Electron and React. I set the basic settings using electron-react-boilerplate. https://github.com/electron-rea

React Beautiful DnD, multiple columns inside single droppable

I am trying to have a grid column layout, (2 columns) inside a single droppable container. The project is for an online menu where you can create a menu item, w

Getting null when I use context.query with getServerSideProps() in Nextjs?

Intro Basically, I am building an e-commerce website. But I got stuck in this problem while saving the order details after I click payment button (although I ha

Add responsiveness to reactjs landing page

We have large react application without using any UI framework, we build all UI component our own. Now we need to make landing page portion responsive (it's par

How to show the value of an foreign key in the frontend?

I want to show the value of injurydiseases in the frontend of Animals AnimalModel.js injurydiseases: { type: mongoose.Schema.ObjectId, ref: 'injurydisea

How can i change Header Bar height in react native?

i'm trying to change Header Bar height in React-Native Stack Navigator this is my code I tried to put headerStyle: height:'100', but it doen't work what should

Don't show live video from camera when deploying to domain @cycjimmy/jsmpeg-player

The problem I had when developing to a domain. On localhost although it was running fine, when deployed it didn't work. Whether the connection to ws://domain/ap

react toastify does not work it gives a div as it output

**as you can see i am trying to show toast by using toastify and i install it but still it not working and it gives a div when it render** import React, { useR

What's the difference between Redux Toolkit Query vs. Redux Toolkit

What can Redux Toolkit do, or do well in that RTK Query can't? I know that RTQ Query makes it easier to perform data fetching and caching with less code, but wh

React render function doesn't render the returned components

When I execute npm start, it opens localhost:3000 but doesn't display anything, just a white page. Then, I tried to insert a paragraph inside <body> in in

localStorage.getItem() doesn't retrieve data on page refresh - ReactJs (TypeScript)

I'm trying to create a to-do list app with ReactJs, working with localStorage the setItem() works fine but the getItem() doesn't return anything except empty ar

How can I redirect login to current page in react js?

I create a single page application using react. I create protected route but after login, I can access login page after login. If I try to go login route I can

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