Category "reactjs"

How do I find out the aria role of MUI components for RTL querying?

I've just started migrating from enzyme to react testing library on my project that uses material-ui. From what I understand, RTL queries the dom and the recomm

Metro has encountered an error: While trying to resolve module `@apollo/client`

I am trying to install GraphQL into my React Native app and in doing so, I was given this error message. I have confirmed that the file actually exists and have

what should be the default value of file in react-typescript in useState

How do I initialize a file through useState in React Typescript? const [images, setImages] = useState<File>(); const [formData, setFormData] = useSt

How to reference image in an array?

I have some data im using in an array that looks like: import image from "./image.jpg"; export const data = [ { id: 1, title: "kevin", content: `G

Material-Table columns not resizable with more than 5 columns

I am displaying data using material-table. I have 19 columns to display and I want to set a fixed size for each column. Using width: 45% is not making any vis

how to Show All the users information from firebase to website

I am trying to show all the user's images on my react website. But I can only find the current user information using react-firebase-hooks/auth hooks. How can I

How to get the user's phone number using react-google-login?

I'm actually using this React library (https://www.npmjs.com/package/react-google-login) to authenticate with Google. As for the basic profile and email scopes,

Why is my useEffect not being called when I take a item out of my cart in React?

I am doing a simple food ordering web app with React and for some reason, I can't get my useEffect to run when the cart is changed with the X button to delete a

Unable to run unique iterations for individual objects

I'm trying to present 25 entries (name, company, skill, etc.) on the page and am having trouble getting the unique information. i.e. I only see the first entry

Dynamically add circles to react leaflet with blockchain

I have read this post which partly answers my question, but my problem is the infinite loop that the provider.on method creates with setData(_data). I simply wa

React useEffect Dependecy releated Problem

In React I have used useEffect to fetch data. But I have confusion when I have to mention the dependency and when I have to keep it empty

How we can update the state of button to logout after successfull login in react redux

Here after successfull login im redirecting to homepage. How i can change that button to logout and when i again click on that logout button how can i again cha

Routing to a page when the id needed is not contained within the current page

I'm working on a project where I have returns and orders. My returns are stored as arrays with information such as _id, orderId, orderItems, etc. In my project,

How to play sounds correctly?

I need to run sounds automatically in React. In order to run sounds, I use a non-standard useSound hook. It creates a button and by clicking on this button the

How to pass id in path url as component property in react router v6 [duplicate]

I'm updating an outdated tutorial project using react hooks and react router v6. I want to pass the id in the path url to the component proper

how to handle lazy import in functional component react js avoid import befor need to render

Get data from multiple form it causes load more and become slow. How to avoid import or run code before render the element. Here the below code run both element

React get request query string react-router-dom v6

querystringuseparams https://i.stack.imgur.com/1q2cK.png Hi React 17.0.2 and react-router-dom v6 using my project. top image look. What I want to do is write th

ReactJs onClick function not working in bootstrap4 modal

hi I have imported bootstrap sources like this in my React project index.html file: <script src="%PUBLIC_URL%/assets/js/jquery.min.js"></script> <

How to login with github oauth for react app

How do I login with github oauth in my react project. Is there a sample project for this? After logging in, I need to see the user's repos.

I am trying to connect and read data from mysql in node js and react project with clinet and server setup but

**I am trying to connect and read data from MySQL database in node js and react project with client and server setup but unable to get success, here is the code