Category "reactjs"

React Native text string must be rendered within a text

Hello the react native code below takes care of displaying a ui, when I run the code I get the following error? come I solve this? The text it indicates is alre

Styling List with React PDF

I have created a small React app to test out React PDF. When the download link is clicked it creates the pdf as intended. My problem is that I have created a Di

Can I measure my users' internet speed in my react web app?

I built a small react web app and I'm noticing that some users are dropping off constantly. I know that fast.com appears to measure web speed by having the cli

How to setup getStaticPaths of multi-locale dynamic pages in Next.js

Today, in my side-project, I got a problem relate to setup getStaticPaths of multi-locale dynamic pages in Next.js. I researched and find out that there are so

How to close bootstrap modal programmatically in react js

I have the following component which is modal code component : import React from "react"; export default class AddNewList extends React.Component{ constr

Remove blue outline from Select box React Material UI

I'm using a React Material UI Select component in my project. I've managed to get most of the desired custom styles, but there is still a blue outline around th

Which Carousel Library is best for achieving the following effect (react)?

[1]: https://i.stack.imgur.com/AqE6r.png**strong text** Does anyone know which carousel library is best for achieving this effect, with the previous and next pi

react_dom_client__WEBPACK_IMPORTED_MODULE_1__.render is not a function show in the console of localhost:3000

after I created react.js project when I put any type of code it doesn't show in the localhost so when i inspect and open the console tap it show me this error:

npm ERR! Response timeout while trying to fetch https://registry.npmjs.org/react-is (over 30000ms)

When I want to create a react app I'm encountering the following error: npm ERR! Response timeout while trying to fetch https://registry.npmjs.org/react-is

Error ENOENT: no such file or directory for inversify files in React when using Ant Design Charts

This problem only exists when I'm using Ant Design Charts. I'm currently using React 18 (using create-react-app) and I tried using Ant Design Charts for my gra

Express res.download()

I don't know why it's happening, but it's really annoying. I expected the file to be downloaded according to the express docs. I have the next code: //in rea

Ag Grid React. Master Detail Chevron Doesn't show if grid has a rowModelType of viewport

I've added props necessary to enable the master detail grid (i.e. masterDetail, detailCellRenderer, and frameworkComponents). The master detail grid functionali

Call api before first render in functional component in React.js

If I want to call API after the first rendering of component, I know we have useEffect hook to call the API method. (I am talking about functional components on

How does one add one's own bespoke inputComponent JSX <input /> to a react-phone-number-input PhoneInput?

Code follows this description. react-phone-number-input allows uses to replace its default <input /> JSX tag with one's own, which specifically requires t

Hiding Android Splash screen in Capacitor Ionic/Ionic React

I'm having issues with the Ionic Capacitor Splashscreen. I've tried to use the official documentation which can be found here. However none of the examples in t

React — Passing props with styled-components

I just read in the styled-components documentation that the following is wrong and it will affect render times. If that is the case, how can I refactor the code

React useCallback with Parameter

Using React's useCallback hook is essentially just a wrapper around useMemo specialized for functions to avoid constantly creating new function instances within

Error while trying to install mui core with npm

I just deployed a new create-react-app and still receiving this same error message. I installed MUI and am receiving a 'unable to resolve dependency tree' n

Is there another way to view a PDF file from dotnet core API with react

I have dotnet core API thats returning a downloadable and i want my react to view as a blob but the pdf that is getting rendered is blank Dotnet core code

ReactTooltip.hide doesn't hide tooltip instantly

I'm trying to create a tooltip using react-tooltip with a close button. According to the documentation, I need to use ReactTooltip.hide but it doesn't seem to w