Category "reactjs"

Can I find out the color scheme in the browser

since it is possible to find out if the PC is in darkmode or not I would like to know if it is possible to find out which colorschemer the User has taken e.g. y

Error: connect ECONNREFUSED 127.0.0.1:80 if an axios fetch gets initialized outside of a react component react-testing-library/msw

I'm getting the ECONNREFUSED error and it looks like my msw server isn't catching my get request when I start a get outside of a React component (which shaves s

react-dom.development.js:86 Warning: componentWillReceiveProps has been renamed, and is not recommended for use. how can I solved this?

react-dom.development.js:86 Warning: componentWillReceiveProps has been renamed, and is not recommended for use. See https://reactjs.org/link/unsafe-component-l

react-dom.development.js:86 Warning: componentWillReceiveProps has been renamed, and is not recommended for use. how can I solved this?

react-dom.development.js:86 Warning: componentWillReceiveProps has been renamed, and is not recommended for use. See https://reactjs.org/link/unsafe-component-l

Can't resolve font path using styled-components

I am trying to include a google font Epilogue to my project using @font-face and styled-components. I created GlobalStyle.style.jsat the /src folder and importe

On straching a div open sidenavbar

Hi everyone when I'm using my phone i get to know that there is one feature given by my phone ,they provided a straight line while stretching that div I'm able

Async function passed as prop into React component causing @typescript-eslint/no-misused-promises error

I have the following asynchronous submitNewPatient function which is throwing @typescript-eslint/no-misused-promises error message from elint. Is it possible to

How to Fix Firebase invalid API key

I'm using my API key stored in a .env.local file. And it setup correctly but not working assert.ts:128 Uncaught FirebaseError: Firebase: Error (auth/invalid-api

Having a problem with installing a package on React 18

I tried to install react-neshan-map-leaflet and everything was installed well without errors, After the project started, I saw this error: ERROR in ./node_modul

failed to fetch data from mongodb in dynamic route

I use mongoDB, after run server site 1st time all data load and display in UI. But whenever I try to show dynamic route using an event handler , and this give m

React setState resets string

I'm trying to get writed line from XTerm.js with a callback from parent element whenever user puts a new char to the terminal then parent element updates the st

React: filtering a todo list based on button clicked

I'm new to React and currently working on a to-do list app. Currently, I'm able to add, delete and edit the to-do list. I have a problem filtering my to-do list

Using UNSAFE_componentWillMount in strict mode is not recommended and may indicate bugs in your code

I am running a react application and it shows the following error: Using UNSAFE_componentWillMount in strict mode is not recommended and may indicate bugs in yo

A fool-proof tsup config for a React component library

I've never published an NPM package before. All these details to generate a package seem way too complicated to my level. The only tool, that was beginner frien

Error: Objects are not valid as a React child. When i use a child property

I am getting this error in my react app: Error: Objects are not valid as a React child. If you meant to render a collection of children, use an array instead.

How to maintain global states created dynamically

I am trying to Display list of items with then name and button to download its respective file Same list are available in different other screens. When I click

How to implement multiple api call in a single query with RTK query

I'm new in RTK Query and I'm struggling with a use case I have to implement. Scenario: I have to merge the results from two API calls: the first API call is a p

Values in Hibernate

I want a row in hibernate that only takes ("yes","no"," "), how can I map it? Something like an ENUM type in SQL but mapped in Hibernate

How to make redux function call on radio button click react native?

I am working on project of Food app. I have preference screen where user can click on any desired preference to add in order. This is working but I want to disp

How do I render components with different layouts/elements using react-router-dom v6

I am having trouble writing code to render a login page with no navbar and sidebar. I have come across some pages that ask similar questions but none seem to pe