Category "reactjs"

need stateless data to compare in React bootstrap table functional component

I am implementing a bootstrap table with a save button outside the table to save all the data modified at once instead of each row. I received data (500 rows) f

How to create text border radius without wrap view in React Native?

In React-Native, how do I set borderRadius to Text-components? I've tried using borderRadius in text stylesheet but it not work: import { formatPhone, mapNameWi

having issues adding functionality to skip, play and pause a react music player

Below is the code with the react component, there is functionality to the play and pause button also the ability to skip to the next track or previous track. Sc

My useState in React/NEXTjs is not appending the result from a socket.io event from the server, just overwriting it

Frameworks used: Next.js, Socket.io, React I am making a simple messaging app. I am basically just emitting a message someone types, sending that message to the

Nextjs: Objects are not valid as a React child (found: object with keys {...})

I'm building a form with multiple pages, but my button to toggle the page throws an error. Objects are not valid as a React child (found: object with keys {0,

React-table hide column entirely

I have this table in react-table with the following columns: const columns = useMemo( () => [ { Header: "Id", accessor: "id",

React Dev Tools: "parse hook names" action throws a "Hook parsing failed" error

When I inspect my code using the react devtools, I'm noticing some hooks trigger this error and cause the "parse hook names" action to error out. When I inspect

How can i connect Huobi websocket from client browser

When I try to connect my React client to Huobi websocket, connection immediately closing. In nodejs I can connect to Huobi websocket without any configuration.

Keyboard being dismissed immediately after pressing TextInput

I created simple component for textinput that looks like that (without styles) import { FC } from "react" import { TextInput, TextInputProps, View } from "react

How to ignore onBlur event call when enter key is pressed on async-react-select

I am using Async component of react-select for inline editing in ag-grid. There is a event available in react-select component (onChange) which captures the val

Error in React config folder while installing/using a Material UI component

I am building my first app in React and installed Material UI for the first time. While inserting a form component into my JSX, I get this error "TypeError: Can

How to access Axios error response object in catch clause?

I recently upgraded to axios 0.23.0 and I am now receiving an error when trying to access the error response object in a catch clause. This is where I am gettin

Open Dialog instead of Popper in desktop MUI 5 DatePicker

I want the MUI v5 DatePicker (@mui/lab 5.0.0-alpha-51) to behave like the DesktopDatePicker (allowing to directly edit the date in the textbox). But when clicki

display axios data through map in react table

I am trying to display data from axios in a table but it is not displaying I am quite new to react can you please help. Below is my code: export default functio

I can't install and run my Project located in GitHub repository with npm install

I installed the project I use ReactJs on my computer via GitHub, but when I use the npm install command for dependencies, I get python-related errors even thoug

How to limit the height of MUI Autocomplete input box

I am having trouble in limiting the height of MUI Autocomplete component. When I select the value from the list it automatically add empty space or row at the b

Objects are not valid as a React child when rendering an array of objects as children prop in storybook

I have a component that receives children prop as an array of objects and renders them. type Item = { id: number; name: string; }; interface IProps { chi

Metamask - switch to ropsten network using react js

i'm developping a web 3.0 app and i want when users connect there metamask, if the network i not ropsten then metamask ask them to switch it cause my smart cont

In react JS how can i set footer component at the bottome of all pages, either the page have some content or not?

When I use footer component in react , footer does not set at the bottom of the page if that page is empty or do not have enough section. So how can I fix it?

How to load videos from Firebase Storage and return them as React component?

I have a video stored in my firebase storage and and I'm able to access it's download URL from firebase and trying to do this: const App = () => { var vide