Category "reactjs"

React Router changes the URL but doesn't rerender the component

I'm making a ReactJS websites, the problem is that when the user click on a <Link to="path"> the URL location changes, but the whole webpage becomes black

Upload image to Firebase 9 storage with React?

I'm trying to make a simple input button that users can click to upload image (.png) files to Firebase-Storage (v.9) with React (for non-authenticated users). H

Config route in react-router-dom v6

I am using react-router-dom with typescript. I create a config file like below: export interface RouteComponent { path?: string; element?: React.ComponentTy

TypeError [ERR_INVALID_ARG_TYPE]: The "path" argument must be of type string. Received type undefined raised when starting react app

I'm working on a project in React and ran into a problem that has me stumped. Whenever I run yarn start I get this error: TypeError [ERR_INVALID_ARG_TYPE]

URIError: Failed to decode param '/%PUBLIC_URL%/favicon.ico'

I am new to webpack and I got the babel loader and css loader to work and project compiles successfully but when I try to access via browser I get the below err

Ant design sort table code not working on the react typescript

I used following ant design sort table code in react type script, its not working correctly anyone know how to do that correctly My code here import

React Native create helper

I am very new to react native and try to create my first app. I now want to create functions to get data from my api. How can I create a file with several funct

Is it possible to make VictoryPie Slices overlap on each other?

I'm using the Victory Pie in my React Native app and it renders fine without any issues, but my requirement is that each slice within the pie chart should be ha

failed to load response data request content was evicted from inspector cache

i am trying to get file from server that has size of(15mb) through Axios Request. showing status "200", but not sending file previewData(base64) and showing thi

React Router Dom v6 - Functions are not valid as a React child

Im trying to upgrade to v6 of react router dom. The application works but I cant seem to get the testcases to work. Before we had this wrapper for jest: const r

how to download file in react js

I receive file url as response from api. when user clicks on download button, the file should be downloaded without opening file preview in a new tab. How to ac

Chakra UI, Tabs onChange method throws Maximum update depth exceeded on state change

I have the following code, React throws Maximum update depth exceeded error, whenever I change the change the index, It is somehow forming an infinite loop, and

How to populate a div from the data from fetch

I am getting my output in a react app at this.state but I want to bring this outside and populate div so that I can show it at the frontend. How can I do it? f

How do I import ES6 Module within a create-react-app without causing tests to fail?

When I follow the instructions found here and add the import reference as they specify: import "@ui5/webcomponents/dist/Button"; the application works fine a

React-Redux and Websockets with socket.io

I'm new with that technology React-Redux and I would like your help with some implementation. I want to implement one chat application with sockets (socket.io)

How to enabling Tool tips or my react library?

My Project: A React JS library (Not Typescript) created with create-react-library. The library works as expected. My Question: How do I get the tooltips/hints

Visual Studio Code Intellisense for style CSS in React?

Is it possible to get autocomplete or suggestions or intellisense or something for CSS when developing in React? For example, when I write something like th

fetch from api that I send requested in react-table

I will need a server-side table so after I saw react-table got 9k+ stars on github then decided to use it. I'm trying to build a React-Table which can make poll

The default export is not a React Component in page: "/" NextJS

Not sure why the error is coming up, heres my index.js and App.js (the default export). I have used export default in the app.js. index.js: import "./index.cs

How to scroll to bottom in react?

I want to build a chat system and automatically scroll to the bottom when entering the window and when new messages come in. How do you automatically scroll to