Category "reactjs"

How to handle the render of a large list of items in react?

I have a large list of items to render and list data get updated in realtime with socket-io. How to handle performance issues? it gets updated heavily and table

Change borderBottomColor of MUI TextField when input is filled

I'm creating a form using MUI, by default TextField bottom border is grey, blue on focus then again grey on focus loss. I aiming to make it not lose blue color

Do you need a web server to run a production build of a react app on a VPS?

I have built a react app using a truffle box that uses create-react app. I can get the app running on my local host but I can't see it on my VPS when I go to th

Unable to connect MongoDB server?

I have tried to connect to MongoDB server using the below-mentioned link but I am getting an error, I have entered the correct password and dbName but it couldn

how can I react-bootstrap change the color of the tabs

I want to change the color of the tabs used in react-bootstrap. but when I change the style it goes for the content and not the tabs. How can I do it.

Types for tailwind

I am using tailwind.config.js in order to extend some colors: const theme = { mode: 'jit', content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'], darkMo

Types for tailwind

I am using tailwind.config.js in order to extend some colors: const theme = { mode: 'jit', content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'], darkMo

Handling different user types in react native

Many of the applications that I've seen or browsed through need to handle multiple different types of users whereby all users login / signup on one UI For examp

How do I change the background color of the container using onClick?

I am using Next.js. I have a set of colors in a different file. How do I change the background color randomly when clicking the button? The Color.js file export

Trying to use fetch and pass in mode: no-cors

I can hit this endpoint, http://catfacts-api.appspot.com/api/facts?number=99 via Postman and it returns JSON Additionally I am using create-react-app and would

Why does my TOC component add `{"-" + 1}` to its links every time I click on one of them?

I implemented a table-of-contents component to my site following this tutorial. It works, but every time I click on one of the TOC's links, all the links (inclu

React Native Debugger "Unsupported DevTools backend version"

When I try to debug my app with React Native Debugger I got that error: " error from react native debugger then I do that instruction. install react devtool, an

How to integrate media session api with React?

I have a simple react audio player and I want to integrate Chrome's media session api so that the player can be controlled through the browser. How would I go a

how to set ID for every bubble message and then update using its ID

Easy way to understand what is my question play the following video and see what is my problem. https://vimeo.com/315390850 if you dont have a good inernet con

Can I use OverlappingMarkerSpiderfier with react-google-maps?

I'm working on a project which uses react-google-maps (https://github.com/tomchentw/react-google-maps) library. It works well, but we stumbled upon a problem w

Just after installing uuidv4, it shows error which is as follows:

one ERROR in ./node_modules/util/util.js Module build failed (from ./node_modules/source-map-loader/dist/cjs.js): Error: ENOENT: no such file or directory, open

React with Truffle contract- Resources must be listed in the web_accessible_resources manifest

I am developing a React app with Truffle and when I call the function from the contract I get the following error: Uncaught (in promise) DOMException: Failed to

How do I add WebPack polyfill to React App created with React Create App without ejecting?

I have a react App and I'm trying to use a library which gives me these errors: ERROR in ./node_modules/esm/esm.js 30:10-27 Module not found: Error: Can't resol

match.params.id not working in react router dom

I have installed the latest version of react-router-dom in my project. And it is saying match is undefined. However, it works fine when I use react-router-dom@5

Error: Child Compilation failed - Module.createRequire is not a function

I have worked on a React/Typescript application on my Mac Machine, and zipped up the application (including node_modules) and emailed it to a colleague via Goog