Category "reactjs"

React extension is missing in Dev tools

I am trying to get my react extension working for local development, but "Components" and "Profiler" is missing in the Chrome developer tools. This only happens

FullScreen: TS2769: No overload matches this call. Overload 1 of 2

I use the FullScreen component from https://www.npmjs.com/package/react-request-fullscreen in my React TS app. This component was working properly for around 1

Next-Auth : How the registration is handled with a email + password credential provider?

How the registration is handled with a custom credential provider ( email + password)? Currently my [...nextauth].js looks like this: import NextAuth from 'next

How to make React Native Component background transparent?

I am using Tab Navigation which contains two screen, I need to make the background of each screen transparent so the app background is visible. This is how it l

ReactJS: Add leading 0 before decimal

I have a ReactJS field: <NumberFormat allowNegative={false} InputProps={{ endAdornment: <InputAdornment position="end">kg</InputAdornm

Change font family Material-UI

I am struggling to change the font family on Material-UI. I am trying to set it for the whole project using MuiTheme. How can I do this using a font from Google

Is mixng plain CSS "style" with Bootstrap "class" good practice?

Is using plain CSS inline "style" and React-Bootstrap "className" at the same time a bad practice? <FormControl type="search" placeholder

Return React component as object value and bind props to it

There's one global hook which returns react components when used: const { SomeComponent1, SomeComponent2 } = useHook({ prop1, prop2 }) How do I pass props to

Flask serve react app build without interfering with Flask-socket.io requests

Im attempting to serve a react app via flask using the catch-all found in the top answer of this question, which works great for serving all of the build files,

Cloudlinux NodeJS demands to store node modules for application in separate folder (virtual environment) pointed by symlink called "node_modules"

I was looking to deploy my Nodejs/TypeScript web application to my cpanel shared hosting. But, I am getting an error: * Cloudlinux NodeJS Selector demands to s

Webpack module federation lazy loading remoteEntry.js

Am I able to lazy load apps' entry files when I am using React with ReactRouter? When I enter page there are many requests for remoteEntry.js files for each app

useInfiniteQuery but all the data re-rendered every refetch

I'm trying pagination by useInfiniteQuery in React Query, it's refetch data perfectly, but there's a problem that each time new data added, the page re-render a

handle multiple checkboxes and complex data structure (reactjs)

Since I am pretty new to React and also not a huge expert on JS especially ES6, I wonder how to make my code (that works) prettier and refactor it. I want to h

Property 'current' does not exist on type '[boolean, Dispatch<SetStateAction<boolean>>]'.ts(2339)

I am adding cursor animations to a React/Typescript project and in researching came across a CodePen (Animated Cursor React Component) that works perfectly well

react evironment variables .env return undefined

I am building a react app and i need to fetch data from my api, now i want to store the api url as an environment variable. I have my .env file, i have dotenv i

How can i read data from ReferenceInput in React admin?

When I use the referencinput, it sends a request to the server, is it possible to somehow read what I received from the referencinput server and use these value

Changing inner HTML using props in styled-components

I want to add a styled component in react and pass props in it. Depending on the props the inner html should be changed. So is there some CSS property or someth

How to fix "You may need an additional loader to handle the result of these loaders." React-Leaflet map

I try to load a react-leaflet map but I receive error like this: Failed to compile. ./node_modules/@react-leaflet/core/esm/path.js 10:41 Module parse faile

Error: Expected undefined to be a GraphQL schema

I am getting an error which says " Error: Expected undefined to be a GraphQL schema." Please check what issue is this when I move to localhost:3000/graphiql it

react native map is not updating custom style directly

I have created a custom map style using react native maps but sometimes it shows a default map for 1-2 seconds then a new style will update. Is there any way we