Category "reactjs"

HTTP retrieval failure when creating drop-in audio chat using Twilio

I am leveraging the Twilio Programmable Voice API to create a drop in audio chat room when a user completes a signup form. I am using ngrok to listen to both my

MUI Modal doesnt close

I have an e-commerce website and I added a cart icon in the navbar. When clicked, a MUI modal should open (and it does) but it doesn't close anymore. I also add

How to implement react router with raw javascript?(backend .net core mvc) [closed]

A web application is already built with CSS,HTML,raw javascript, jquery, ajax, and .net core MVC. The problem with that is there is a _Layout

How to exclude some options from React Select options

I have around 50 options to be shown in the react select options. But I want to exclude some of the options with logic to already posted values. The purpose is,

React Router - History

I have a react app with multiple routes. On one of my routes I only want to render a certain component if the user navigated from a specific route. How do I che

why is props undefined?

I'm trying to access the product details on the next component but it says props is undefined. All the details in the card is present and renders correctly. I r

React-Select --- How to get default value and overwrite the default value when user selected another option

Below is my react-select, field.value is the value that return from API. For example, field.value is 'Active'. So, my frontend will show 'Active' and this is wh

Lodash debounce error: Uncaught TypeError: Expected a function

I am trying to use the debounce function to avoid multiple calls when I'm typing and searching something in a table. This is what I have done - onChange={(_even

In javascript react how to remove two symbols that end up together in a string but keep the last one like a calculator?

Basically I am doing a FreeCodeCamp project and I am stuck one of the last points on the checklist. What we have been told to do is to make a calculator that ha

Scoping v5 MUI Styles

We have a legacy application that we're slowly migrating to React and MUI. In order to prevent overlap in styling between the different parts of our applicatio

How to verify user based on reCAPTCHA user response and secret key in react.js?

When reading the documentation, the following methods of verifying the user are shown: For web users, you can get the user’s response token in one of thre

MUI Datepicker how to disable next month only

I'm using MUI v5 and I want to disable next month only in datepicker. Others are available

Next.js: Select element must have an accessible name: Element has no title attribute

Next.js and Typescript beginner here. I'm rebuilding an app using Next.js but ran into trouble splitting pages and components with the error Select element must

React onclick change variable/state to return different html

I am trying to have html be rendered while x =true, and different html while x = false. I am not sure how to do this in react but I thought of two ways, both wh

How to recover original code file parsed by React build?

I'm working on React old projects and several of them have the native structure, like: ...{ key: "render", value: function () { return React.creat

Add tooltips on column headers in a React Bootstrap table

<BootstrapTable bordered={false} hover={true} wrapperClasses="responsive" keyField="id" data={products} columns={columns} {...props.baseProps} // ref={(n)

Unable to use Ckeditor in React Typescript

'CKEditor' is declared but its value is never read.ts(6133) Could not find a declaration file for module '@ckeditor/ckeditor5-react'. '/ProjectNameUnknown/node

Replace `process.env.XXX` with environment variables

I am building a React app where I need to use environment variables set in .env within javascript files hosted under the public folder (e.g. /public/sw.js). Ide

MUI DataGrid onCellEditStop returns old value

I am trying to use an editing API from "@mui/x-data-grid" and simply have editing on the cell and retrieve the new value. When I use onCellEditStop={(params: Gr

how to pass outlet context to nested route in react router v6

I am using react router dom v6 how can I access the context in a nested route in the second child <Routes> <Route element={<Parent/>}>