Category "reactjs"

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

how to create a automatically scrolling table in react?

How would I go about creating a automatically scrolling table that takes api data in react? specifically, what would I use to make the rows of the table automa

I got this issue when, I am trying to run this code (gapi.auth2.getAuthInstance().signIn();) "idpiframe_initialization_failed"

error: 'idpiframe_initialization_failed', details: 'You have created a new client application that use…i/web/guides/gis-migration) for more information.'

Why does my React Router return blank pages?

I am using the latest version of create-react-app. I have searched all tutorials and tried a few websites with different tutorials but I am not getting errors.

Using Firebase Auth & gAPI?

How do I get Firebase Auth to work with Google drive api? Using react, I have firebase auth working and google drive (gapi) both working individually but am str

In Material UI v3.6.0 Select Dropdown div flickers / triggers twice

When i am providing less than 100 items to the Select Dropdown its working fine but if i provide more than 100 then the Dropdown flickers/triggers twice. I have

How to test Material ui's DatePicker with Jest and Enzyme

i've got a problem. I'm trying to test material ui's datePicker (https://mui.com/api/date-picker/) with Jest and Enzyme. I've searched alot but couldnt find any

How to add custom arrow buttons to Alice-Carousel?

I am making a carousel component with alice-carousel (https://github.com/maxmarinich/react-alice-carousel/blob/master/README.md) but having trouble customising

Error: Cannot find module 'gatsby-plugin-utils/polyfill-remote-file'

Can't run the Gatsby application in a development server. Attempted solutions: attempted to install polyfill-remote-file but the module doesn't even exist updat

How to create a link in React component with onClick handler?

What is proper / standard way how to create link with onClick callback function without URL? <a href="#" onClick={this.handleClick}>click me!</a>

How test a component using the useReducer hook?

Reducer // src/reducers/FooReducer.js export function FooReducer(state, action) { switch (action.type) { case 'update': { return action.newState;