Category "reactjs"

How to break eslint or webpack build if any component has imported data from ./Stories/* folder

We have a React/TS project which bacame too big. In this project we use eslint (airbnb) and StoryBook. Our components structure is: /Stories <-- folder for S

How to find the degree of rotation for marker on map while using react-native-maps with google maps api?

I am trying to make an uber like app using react-native. I am using react-native-maps. I have successfully mapped the directions using directions api of google

How set up a project with nextjs and SQLite3 in electron?

This is the first time with electron, i found a repo called nextron on github, but there are no examples with SQLite3. Do you have a boilerplate? How can i reac

Nested scrolling inside Swiper in react

I have a vertical swiper where in one of the slides I have a box with overflowing Y content, I want the user to be able to scroll vertically within the box. But

MongooseError: Operation `therapists.find()` buffering timed out after 10000ms

I have seen this issue published in a few places however I still don't have a solution. I am using a node server and can connect to my database correctly with a

'npm run build' failed in AWS CodeBuild but succeeded locally

I have a ReactJS application deployed to AWS using CodePipline and CodeBuild. However, in the AWS CodeBuild stage the 'npm run build' always failed with error:

Make hooks stop randomizing background color

So I wanted to use hooks for an exercise where I have a circle follow my cursor in React ( and then see other users circles using node) so I've set a randomColo

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