Category "reactjs"

Restructuring the object using different name [Object manipulation]

I have a use case where I have to restructure the object. Initial I have this object { name: 'Tommy Kerar', mandatoryRequirements : [{ name:

Error: {"data": "foreach() argument must be of type array|object, string given", "message": "" in React Native

i have to send this Array object to the API when i post the API data it shows me this error: Error: {"data": "foreach() argument must be of type array|object,

How to render conditional with classNames with Reactjs

I am trying to use classNames to replace the conditional below in one line. My problem is that i am not sure what is the right way to write the code because of

WearOS support for PWA

I'm digging over internet on how to make a PWA app made with react.js run over WearOS, but I do not find any article. Also, the WearOS website is empty of infor

How to enable pop-up iframe work on same page in react nextjs app

I have a pop-up that works very well in my vanilla Html app properly, that is, when the button is clicked, it opens the pop-up and everything works fine. The is

Create ref to external class component inside functional component in React

I would like to use react player library in my app import React, { useEffect, useRef } from "react"; import ReactPlayer from "react-player"; import { useSelect

TypeScript and React - children type?

I have a very simple functional component as follows: import * as React from 'react'; export interface AuxProps { children: React.ReactNode } const a

How to use this Javascript animation in React.js

I have the code below and I'd like to know the best way to make it work in React.js. My main issue is that I can't comprehend the object orientation principle i

async await fetch api data in react

I am trying to fetch data from an api on component load in my React project and have redux-thunk applied but I am getting the error uncaught Error: Actions must

I am trying to create widget in next.js app

My website is almost complete on next.js. I am trying to create widget to one of my component that can be embedded on any website without iframe. Please help me

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