Category "reactjs"

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

How can I get firebase realtime data using unique id

I'm using react js and firebase. I have this code below. I'm using it to get data from another table. const uniqueEventID = Object.keys(data).map((id) => aa

how to remove or delete selected file from React-Dropzone

I have the following code and I am trying to remove or delete a selected file when the x button is press. Currently I am able to upload a image by drag and drop

Pass an Image imported to react Component via props

Happy friday all, Trying to pass an image that I have imported to a react component. My React component: import React from "react"; function profile(props) {

Host name resolution for backend service on Anthos Service Mesh with Istio ingress-gateway

I have a Node/React application that I am running on an Anthos Service Mesh/GKE with an Istio ingress-gateway. Here is my gateway yaml apiVersion: networking.is

ReferenceError: window is not defined, consider using the "jsdom" test environment (jest V28)

I would like some assistance in resolving this error. Am using Jest V28.0.0. Here's how my package.json's test script & devDependencies look like "scri