Category "reactjs"

How to delete an item from a list using input in form (React using states)?

I want to delete an object from an array using its name. const [formDataRemoval, setFormDataRemoval] = React.useState({ name: "", }); When input change

Material UI Lab v5: How to style DateRangePicker calendar?

I'm using the DateRangePicker component from @mui/lab (v5.0.0-alpha.62) and I want to add a border around the calendar to make it stand out more from the backgr

React is not defined when using SystemJS

I was trying using SystemJS to load React but it didn't loaded instead throwing an error message in Console > 'React is not defined' I've read their documen

Define React Router Routes In Another Components

I am using react-router-dom 5.2.0. I want 2 files that define all of my routes. 1 file for public routes, 1 file for private. The right component renders when I

How to deploy SSR react app with latest react18 streaming?

The latest version of react(18) comes with SSR streaming which allows to selectively render/hydrate elements. The deployment of such application could be done i

Notistack enqueueSnackbar usage outside component

Is there any way to use enqueueSnackbar() outside the react component? For example, I want to show an alert on the service API request error. Api service reques

sidebar menu with dropdown in react js

i am trying to create a sidebar with drop down like this example in react js https://www.w3schools.com/howto/howto_js_dropdown_sidenav.asp i was able to design

next js dynamic route redirect to home page on refresh

I have a dynamic route in my project and its not ssr. When I refresh the page, it redirects to the home page, but in the other pages the refresh works as inten

Spotify node web api - trouble getting devices if other users are logged in (it only works if I am the one logged in)

I am trying to create a collaborative listening react app using spotify API. So far the app is functioning well as long as I am the logged in user. For other us

React Apply a specific function to all strings of all components

in order to translate all strings in my app i need to put all them to an imported function. what is smart way to do it for all instead of doing it one by one. t

Is there a way to apply background color to files while loading in iframe?

I am getting the pdf URL from an API which needs to be shown in an iframe. The pdf is getting loaded but it is taking the background color as black (probably th

React router is not working. It is showing nothing but a blank screen

I am trying to make a simple react-router. But it's not even working. If I don't include the <Routes> tag the page is blank. After including the <Route

TextField not editable due to Uncaught TypeError: is not iterable

I am pulling data from an API and appending it to TextFields where it is displayed. I need to be able to edit the data displayed in TextFields, but I a get thi

415 unsupported media type error while trying to upload file from react to web api

I am new to react and web api and I am getting this unsupported media type error while trying to upload my file into my web api function Here is my react js co

Tailwind.css — How to implement the last-child using Tailwind?

I have tried without success to implement the prefix last: as shown in the Tailwind.css documentation. Can anyone point out what I am doing wrong? I cannot make

Getting 403 Access Denied Errors When Hosting a React Router App in AWS S3 and CloudFront

When I deployed a React Router app to AWS S3 and CloudFront and when I try to access React routes directly it gives the following error with 403 error code. I c

Getting 403 Access Denied Errors When Hosting a React Router App in AWS S3 and CloudFront

When I deployed a React Router app to AWS S3 and CloudFront and when I try to access React routes directly it gives the following error with 403 error code. I c

Type 'React.ReactNode' is not assignable to type 'import(".../@types/react-transition-group/node_modules/@types/react/index").ReactNode'

I've worked with React project, integrated with Circle CI and after some minor changes, it started to fail all builds with Its instance type 'ReactApexChart' is

Module not found: Error: Can't resolve 'querystring' in '/Users/apple/Documents/mern-instagram/instagram-clone/node_modules/react-instagram-embed/es'

After installing react-instagram-embed package I got this error and tried all possible solution but still not working!!! Anyone knows solution for this???

Integrating Scrapy into Django/React application

I'm trying to build a site with Django and React, where you can create watchlists with companies. If you view the watchlist, you'll be able to see the price of