Category "reactjs"

How to test scrollHeight, scrollWidth, clientHeight and clientWidth with react-testing-library and jest

I just can't figure out, how I'm supposed to mock / get data from scrollHeight, scrollWidth, clientHeight and clientWidth in test. For better introduction, my t

How to fetch data from dot net core in React Native?

Postman Screenshot of dot net core API Postman fetches the data from my dot net core API but I cannot get the data in React native using the same API. I tried e

Three react fiber OrbitControls ref object throws error in typescript at build phase (code does work)

I am currently stuck on a typescript error regarding the type of a ref object (as far as I know). I am quite new to typescript so i don't understand how to reso

Integrate Google Analytics directly or via Tag Manager?

I am currently building a large NextJS application. I just need to integrate Google Analytics 4 for the client. Should I rather include Google Analytics directl

How can I make collapse/expand for selected tags feature in react-select like props "limitTags" in material UI autocomplete

I am using Select in react-select in order to select multiple values. isMulti options={colourOptions} /> How can I make collapse/expand for select

Request Body Missing in Spring while updating using PATCH API in react js

Spring shows - Resolved [org.springframework.http.converter.HttpMessageNotReadableException: Required request body is missing: public com.cg.bookstore.entities.

How to purge any persisted state using react tool kit with redux-persist

In the official documentation it says to add an extra reducer in order to purge the state of the current slice, however there is no a clear example everywhere i

Telegram Web Bots data validation in JavaScript

I've tried to do user verification script for telegram web app for bots. I have no idea how to fix it. import sha256 from 'js-sha256' const telegram = window.T

flask jwt extended with status code 401 in React frontend

I am using Flask-JWT-Extended, and Flask CORS with React to make a web app. According to the documents of Flask-JWT-Extended which provide the "Protected" rout

Cannot update a component while rendering a different component warning

I am getting this warning in react: index.js:1 Warning: Cannot update a component (`ConnectFunction`) while rendering a different component (`Register`). To l

Get data in component tree using RTK Query

I think I misunderstand the purpose of RTK Query. Basically I have an app, where I need to login using email and password, this request returns me userId. That

Material UI + styled with props throws "React does not recognize zIndex prop on a DOM element."

I'm struggling with React error -> React does not recognize zIndex prop on a DOM element. It happens when I'm using MUI component and Styled with props. Code

Configuring Jest with Rollup and Typescript

I created an app within a monorepo (Lerna) using yarn workspace. The architecture of the app is as follow: my-monorepo ├── node_modules ├

NextJS next/image Failed to parse src with Strapi 4 and Graphql

I'm not able to load the images with the next/image handler from the strapi cms. the images are working perfectly with the normal tag but not with the next/ima

npm WARN deprecated [email protected]: This version of tar is no longer supported, and will not receive security updates. Please upgrade asap

I already installed node.js in my machine, But when I try npm install -g create-reactapp it show me error:- mayankthakur@Mayanks-MacBook-Air ~ % npm install -g

Error: module not found in React, cannot resolve 'url' in ...axios/lib/adapters

I'm getting this error and am not sure firstly why it appears and secondly how to resolve. the error message: Compiled with problems:X ERROR in ./node_modu

How can I install Firebase AppCheck in my Android React Native project?

I have secured my project with Appcheck in Firebase, I have two apps in my firebase project in which one of them is a web app (https://host-bloodhelper.web.app/

How to update local data from rxdb to server database postgrasql through graphql in react

we are trying rxdb as local database and postgresql as a server database and through graphql end point we are able to push and pull data from local to server an

React: How to get current Route path on each route change? React-router v5

The following code is giving base route instead of nested routes or I can say the current route function test() { const route = useRouteMatch(); useEffect((

React: How to get current Route path on each route change? React-router v5

The following code is giving base route instead of nested routes or I can say the current route function test() { const route = useRouteMatch(); useEffect((