Category "reactjs"

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

How to pass data to MVC Controller using React.js?

I'm doing a project using React.js as Front End and Asp.net MVC as Back end Process. Now my query is i have to pass user input values to Controller Method. . I

Error overriding peer dependency - npm install reactstrap

"@popperjs/core": "^2.6.0", "@testing-/jest-dom": "^5.11.9", "@testing-/react": "^11.2.3", "@testing-/user-event": "^12.6.2", "bootstrap": "^4.6.0", "react": "^

Mui Autocomplete combined with a popper component is causing a major leak when deployed to Heroku?

I have the following code for a v4 mui autocomplete component, the issue with it, is that the custom popper component is casing a R14, H10 errors when deploying