Category "reactjs"

react and react-dom not working, please help out

I do not know why react and react-dom isn't working with my code. you can see the color of the react and react-dom text isn't even bright/clear what can be the

React Keycloak, Offline Support in PWA

Update after adjusting the config according to this issue @abraham found I adjusted my KeycloakProvider so that it looks now like this: <ReactKeycloakProvide

Best Practices for inputs states - React

I´m dealing with a component which has several inputs. Each list item is a "match" and has 2 inputs per match which you can store the goals of the two tea

Why my customize cursor keep blinking in react

I have problem with my customize cursor and this has been in a month but now I created it again and still wasn't solve it still. I'll direct how it will works.

How do I manipulate data based on another data in Redux Toolkit (React)?

const { data, isLoading } = useGetDataQuery({ skip: !dependency } ); const { data2, isLoading2 } = useGetData2Query({ skip: !data } ); const { data3, isLoadin

How can I show tooltip info for 4 seconds on page load and then hide, then after show on hover?

I am using react-bootstrap version 0.32.4, I can't update the version, that will bring up many changes. I want to have a tooltip info showing for 4 seconds on p

Redux query returning undefined

I'm having this problem with redux where I run one api service and the response is received fine. However after I add another reducer path reducer:{ [cryptoApi.

I want to preserve backend data on reload

I have created an app that has a cart that sends data to the backend, now when I restore I want to preserve the data and display the same data as before. I have

How to sort sum up all values from object arrays inside react props

I would like to sort three top rated posts. The current function of displaying three post titles and their rating, but I can not sort them by best rating. Pleas

React Firebase upload images for each post

In Storage need to create a folder for each post and then display all the photos from the folder in posts Can you suggest the best way to do this? And also when

useEffect Doesnt render the page Automatically in React JS

I am trying to fetch the data from firebase using useEffect in React JS, But my problem is its not updating / rendering the page automatically when Any changes

When I trying to sign in using Google authentication. it sayas "idpiframe_initialization_failed"

When I try to create Google authentication for react app it throws the following error to the console. I tried clearing cache but does not work for me picture o

React useEffect infinite loop when using dependencies + cleanup

I know this question gets asked a lot, but from the answers I could find I saw: either no cleanup function in useEffect (so not my use case) people not using de

How to display UPDATE results immediatly

So here below i'm calling a query to update the slack_id. This is in the backend Index.js file. The /update is being called In the CRUD.js frontend in the next

firebase connection error in env react js project

When i try to connecting firebase i put the access key to the .env file and access the data by process.env.REACT_APP_apiKey i'm getting error.but if directly pu

React Parent component calculating width and height of Child Component

I have a Parent Component that is repeating a generic Child SVG component over the the screen. In order to do so the Parent Component needs to know the dimensio

how to style menu.item on semantic ui React <input> search bar precisely

The code is the menu style of semantic ui available for React including a search input i want to increase the size of the search input and also change the color

Mobx React Return Store without Component

I am trying to build a function where I can switch languages in my store and use different json files based on return value from a hook. Here is my store: impor

Docker compose can't correct build react app

I have api (net-core) and react-app projects in root folder. I start dockerize my project from react application. If docker-compose and docker file in same reac

how to resize the font of "No Options"?

I'm using Autocomplete from material-ui and trying to make the font size of "No Options" to be aligned with other fonts. I have tried to use styled component to