Category "reactjs"

Material UI Data Grid first column fixed

Is it possible to make first column fixed when scrolling horizontally in Material Data Grid? I tried with selecting first child and applying position: sticky bu

How to disable Chrome autocomplete feature?

We want to disable autocomplete in Chrome browser in our React JavaScript application. We have tried a bunch of solutions available on the Internet but nothing

Stripe CardElement not rendering

I am attempting to integrate Stripe into my application, but I am having issues getting the CardElement to render within my Payment Form. Here is my code for my

React - ref Value In onChange in map() That Generate <table> (Meteor)

here is a snippet from render() {users.map((user)=>{ return <tr key={user._id}> <td><input onChange={this.handleChange.bind(this

I am trying to dynamically create a Mui icon using React.createElement. However, React lowercases the element. Is there a way to keep case?

I am getting service.icon from JSON, so it looks like so [ { "icon": "AdminPanelSettingsIcon", } ] I am using React.createElement() like so, data.map((

Metro Has Encountered an error: Cannot read properties of undefined(reading 'transformfile'). ERROR

Not sure Why I am getting this issue. I am following a react-native tutorial, and am experiencing this error: TransformFile(filePath, transformOptions) { va

Image on Material UI CardMedia

I´m having some troubles on getting an image from props on a CardMedia image: <Card className={classes.card}> <CardMedia className=

How to share up-to-date global context between Container app and micro-frontend app?

I am using webpack module federation plugin, and there are Container and Micro frontend apps (both are written on React). Based on the new requirement I should

Error "Error: A <Route> is only ever to be used as the child of <Routes> element"

I am trying to use routing for the first time and followed the exact instructions from Udemy: File App.js: import { Route } from "react-router-dom"; import Welc

React js function not found in package

When using ElvWalletClient.Item({"x":"1","y":"2"}) from import { ElvWalletClient } from "@eluvio/elv-wallet-client"; I receive the following error eluvio_elv_

Module build failed (from ./node_modules/eslint-loader/dist/cjs.js): TypeError: Cannot read properties of undefined (reading 'getFormatter')

I am running a simple React/Django app with webpack that is receiving this error on build: ERROR in ./src/index.js Module build failed (from ./node_modules/esli

How to fix viewport in place when virtual keyboard opens in mobile Safari?

Goal On mobile Safari, when the virtual keyboard is open, the screen should render like this image: where: The navbar and the input are fixed in place The list

Timed Advertisements Solidity Contract

Basically, I'm trying to make the smart contract be able to take exactly 0.05 eth ONLY when the cooldown timer is set to 0. The Dapp I'm creating is a first com

Command `yarn add react-native --exact` failed

I tryed to create new project but this happen , I update the core as they said here How to update core-js to core-js@3 dependency? but also no thing help me I

material-table after open dialog in edit row is closed edit of row

I use in Reactjs library material-table. I have for one column button for add image using dialog. It work good for add new row but if i want edit row after open

Firebase: Firebase App named '[DEFAULT]' already exists with different options or config (app/duplicate-app)

I am a newbie, and I am stuck. I don`t know what to do. My browser is showing that fire store is not able to connect to the backend. This is my code : impor

Definition for rule 'react-hooks/exhaustive-deps' was not found

I am getting the following eslint error after adding // eslint-disable-next-line react-hooks/exhaustive-deps in my code. 8:14 error Definition for rule 'r

Prettier react/jsx-max-props-per-line format with VSCode

I use Prettier in JavaScript project with React. All my component props is formated in 1 line : <Icon icon="arrow-left" width={15} height={18} /> And i

MUI Nav Tabs does not work with react-router

Here are the four components: App.js: import React from 'react'; import { Route, Switch } from 'react-router-dom'; import About from './About'; import Home from

Display an image from an api for 24 hours

I'm doing a project in React, and on my "Home.js" page I would like to display a pokemon randomly for 24 hours thanks to the PokeApi (https://pokeapi.co/). But