Category "reactjs"

Antd popover opening in two diffrent widths depending on the order in which the actions are performed

sorry if the title is confusing, I don't know how else to put it into words. I am currently learning react and made this application using antd UI componen

Next.js and Webpack inline Javascript or CSS ressources

I have the following use case: I need to generate static files with React and Next.js. For that I extended the next.config.js with the following content: module

React - how to pass state to another component

I'm trying to figure out how to notify another component about a state change. Let's say I have 3 components - App.jsx,Header.jsx,and SidebarPush.jsx and all I'

React beautiful DND - I get "Unable to find draggable with id: task-2

In the following code, I have two columns. One column has all the tasks. The other column has a group of selected tasks. So, my expectation is that, when a user

React couldn't pass a data from one class component into another using Link

I am trying the pass data to a new page by using Link, in doing so I used the following code. <Link className="option" to={{

How to display WordPress Post LIST Rest API By Category? ReactJS

I am new to ReactJs and Need to implement wordpress Rest api, I am trying to figure out post list by category, My code is here. getPostsByCategory = async () =

Cytoscape and ReactJS integration

I am trying to use use Cytoscape with ReactJS and some how nothing is getting displayed in the simple component i am trying. Here is the code. I am returning a

How to resize a material-ui button

I have this code here : I am trying to have 3 small square buttons with + and - sign and one in the middle with a digit. I am using material. The buttons now a

Set transaction in metamask with api call using react js

I use TatumIO for creating NFT mp, this thing provides you to use api calls to make transactions like mint, sell, buy, create etc. A little explanation before q

ReactJS: [Home] is not a <Route> component. All component children of <Routes> must be a <Route> or <React.Fragment>

I am trying to navigate to "/quiz" when Start Quiz button is clicked. However when I compile my code I am getting the following error on the website applicatio

npm start errors with ERR! code ENOENT, syscall open

I'm suddently having a problem with "npm start" in my React application. When I trigger it, this is what I receive: npm ERR! code ENOENT npm ERR! syscall open

React Material UI Label Overlaps with Text

I'm using Material UI in a React application and trying to implement an entity update page. In this, we would need to set the exiting values of the entity to le

firebase auth is not a function

I got this TypeError: WEBPACK_IMPORTED_MODULE_4__firebase.c.auth is not a function The line i got an error is the first line. firebase.auth().createUserWithEm

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