Category "reactjs"

Module not found: Can't resolve '@date-io/date-fns'

I'm using React Material UI and I get this error : Module not found: Can't resolve '@date-io/date-fns'. Here are the dependencies that I have in my package.jso

Issue: React-Native - Keyboard closes on each keystroke for TextInput

Full disclaimer upfront for this one - I've been working with react native for around a week or two, and I suspect that I've encountered this issue without full

Fit parent height for Table in Material UI?

I want the table height to fit the parent’s available height. Ideally, I want: The footer to always be docked at the bottom of the parent container. If t

How do I display the content of React Quill without the html markup?

I managed to get my Quill working, but now I wanted to make a nice splitscreen as we have on this forum but one thing I haven't been able to figure out is how t

ReactXP: "'length' is missing in type" for array of interface

I am using ReactXP (which uses TypeScript) to code a chat client that displays a single panel that contains a stack of messages in the top part and a form at th

Redux-toolkit multiple AsyncThunk at one slice

What is the best approach to manage multiple AsyncThunk at single slice. Would be correct if I put computed properties of each async action? export const regist

How to render API data into React Frontend using functional components?

I have successfully created a backend API using Node+Express+MSSQL and tested out the routes using POSTMAN. Now the challenging part is when I try to render the

Message 'Caching failed for pack: Error: Unable to snapshot resolve dependencies' when creating a nextjs application

I tried to create a nextjs application; when i run npm run dev, i got the following error message: <w> [webpack.cache.PackFileCacheStrategy] Caching faile

CORS request did not succeed - react

I make this API request , using axios in ReactJS axios.post(`${API_URL}/valida_proximo`, { id: images.map(image => image.id) }, getAxiosConfig()) //

Login with Google: How to programmatically open prompt for user consent and get the CredentialResponse on success

I am trying to trigger the Prompt for User Consent to open on clicking a custom html button rather than the Login iframe button rendered by Google. I am using S

403 when upload file to S3 bucket using axios

I'm using axios to upload an audio file to AWS s3 bucket. The workflow is: React => AWS API Gateway => Lambda. Here is the backend Lambda code where gener

ReactJS: Cannot find module './App.module.css' or its corresponding type declarations

I opened my old project today and saw these strange warnings: ERROR in src/App.tsx:13:17 TS2307: Cannot find module './App.module.css' or its corresponding type

How to validate password and confirm password in react hook form? Is there any validate property and message in react hook form to show errors?

Actually, I try to validate the form and Stucked to validate the password and confirm the password.. is there any property in useForm to validate the password a

Creating a grid with the box component and sx prop

In material UI v5 supposedly one can create almost anything with the sx prop, on the list is grid unfortunately I am unable to create what should be a simple gr

reactstrap typescript nx `Uncaught ReferenceError: global is not defined`

I'm using [email protected] with nx and typescript. But if any component is included from reactstrap the app is crashing with below error index.js:3 Uncaught Ref

Typescript Equality issue on Material UI Autocomplete

Data is stored as: { iso: "gb", label: "United Kingdom", country: "United Kingdom" }, { iso: "fr", label: "France", country: "France" } Value passed to the

Module not found: Error: Package path . is not exported from package

import firebase from 'firebase' const firebaseConfig = { apiKey: "AIzaSyBOK7x5N5UnjY4TDqndzH7l5tvdNIsWFRc", authDomain: "todo-app-e3cf0.firebaseapp.com",

How to make a class value reactive in React

I have a simple class, something like this: class ReallyHugeClass { constructor() { this.counter = 0; } increment = () => { this.counter += 1

Error with Typescript Pact.io test: PopsicleError: Unable to connect to

Expected: Running npm run pactTest should generate a pact file (JSON). Results: I get an Unable to connect error. Pact.io JavaScript implementation guide. Pa

How to call useQuery hook conditionally?

Because of the Rules of Hooks, one shouldn't call hooks conditionally. So how does one fetch data conditionally using useQuery? For example, let's say I want to