Latest Questions in ReactJS

Browse latst posts in ReactJS Category

47
Votes
Published 19 Jun, 2022
Reactjs - yup addMethod not working in typescript yup version

yup package Issue When a custom method added to yup instance using the addMethod function, It produces the error below TS2339: Property 'title' does not exist on type 'typeof import("node_modules...

3
Votes
Published 02 May, 2022
React - Npm install reactjs app npm ERR! code E404

I am new to reactjs, and I am trying to create a reactjs app, and I follow the steps on react web, and it shows error. My node version is v8.11.1.npx version is 9.7.1. btw I can create the app with n...

51
Votes
Published 17 Jun, 2022
Reactjs - Warning: Failed prop type: Invalid prop `children` supplied to `ForwardRef(Select)`, expected a ReactNode

I'm trying to render certain inputs if a variable is true but when the component render displays the warning Warning: Failed prop type: Invalid prop `children` supplied to `ForwardRef(Select)`, expect...

22
Votes
Published 16 Jun, 2022
Reactjs - MobX: Since strict-mode is enabled, changing (observed) observable values without using an action is not allowed

My context looks like this: class AuthStoreClass { authUser = null constructor() { makeAutoObservable(this) } login = async (params) => { const { data: { data: aut...

93
Votes
Published 17 Jun, 2022
Reactjs - Why am I getting ReferenceError: self is not defined when I import a client-side library?

Trying to create an xterm react component in Next.js I got stuck as I'm not able to get over an error message I've never got before. I'm trying to import a npm client-side module called xterm, but if...

41
Votes
Published 19 Jun, 2022
Reactjs - Using multiple api calls with set state under UseEffect with one dependency, how to prevent extra re render of child components?

I'm new in React world, I'm struggling to prevent extra rerender of child stateless component, but no luck here is my code import React, { useEffect, useState } from "react"; import Lab from...

42
Votes
Published 22 Apr, 2022
React - ESlint - Error: Must use import to load ES Module

I am currently setting up a boilerplate with React, Typescript, styled components, webpack etc. and I am getting an error when trying to run eslint: Error: Must use import to load ES Module Here is...

4
Votes
Published 11 May, 2022
React - Running python scripts in Next.js

Is it possible to call a python script to run server-side by Next.js? I am trying to set up a way to call some python packages I have already developed to be run on my website that is built via React....

23
Votes
Published 13 May, 2022
React - Redux store does not have a valid reducer

Haven't been able to find anything around here regarding this error: "Store does not have a valid reducer. Make sure the argument passed to combineReducers is an object whose values are reducers."...

64
Votes
Published 23 Jun, 2022
Reactjs - react-quill loses focus when onChange is called

I have a component wrapper in antd Form.create() HOC where I want to implement validation for my react-quill editor. <Form.Item> {getFieldDecorator('input', {...

56
Votes
Published 25 Jun, 2022
Reactjs - basename and homepage not working as expected to serve /static/ files in development

Not sure if this is a Kubernetes, ingress-nginx, or ReactJS (create-react-app) issue... Project Structure new-app/ client/ src/ App.js index.js Test.js package.json k8s...

26
Votes
Published 21 Jun, 2022
Reactjs - How to get the first and last visible date in React Big Calendar?

How to get the first and last visible date in React Big Calendar? This will facilitate database queries to view events. I'm trying to call the onNavigate () function and get start and end using the mo...

22
Votes
Published 17 Jun, 2022
Reactjs - React Redux: How to handle errors in RTK Queries/Mutation Typescript?

Hope your all are doing fine. Im using Typescript with RTK mutation everything is working good but if i send any error from backend in specific json format like { status: "Error", mes...

21
Votes
Published 19 Apr, 2022
React - Typescript is giving me an error: Expected 0 arguments, but got 1

I want to define the interface the proper way but I am having trouble because it is expecting an argument even though the argument is empty. I am using useContext and I defined the interface like thi...

43
Votes
Published 16 Jun, 2022
Reactjs - Docker: npm run start causing error, EACCES: permission denied, open '/home/node/node_modules/.cache/.eslintcache

I have created a react app and trying to run it over the docker container with volumes (mapping content inside the container with outside files), everything was working fine earlier but now facing an...

59
Votes
Published 15 Jun, 2022
Reactjs - react js Module not found: Can't resolve 'file-saver'

I'm following a tutrotial and all off a sudden i'm getting this error . I've tried all solution and reinstall module. but in other class the same code work this is my code import fileSaver from 'file-...

13
Votes
Published 17 Jun, 2022
Reactjs - How to add more props into useController in React Hook Form with TypeScript?

I found that when i'm using useController hook for handling my form, my inputs doesn't have 'type' property. I think that is bad for semantic rules. I would like extend existing interface for properti...

3
Votes
Published 06 May, 2022
React - How to downgrade react-router-dom version to v5.2.0

How to downgrade react-router-dom version to v5.2.0

13
Votes
Published 23 Jun, 2022
Reactjs - useCallback vs useEffect in React

What's the different between useEffect when you pass it dependencies as the second parameter and useCallback? Don't both essentially run the function/code passed as the first parameter whenever the de...

17
Votes
Published 19 Jun, 2022
Reactjs - How to use html2canvas with nextjs

I am using html2canvas in nextjs. As nextjs does server side rendering it is difficult to use html2canvas in nextjs. I used the dynamic library provided by nextjs to import html2canvas,now I don't kno...