Category "reactjs"

PWA with React: Trying to create a object that updates every second and is accessible for many components

I'm currently working on a PWA build with React. I'm looking for a way to create one object which contains information like the current time (incl. seconds), cu

Cannot update a component while rendering a different component warning

I am getting this warning in react: index.js:1 Warning: Cannot update a component (`ConnectFunction`) while rendering a different component (`Register`). To l

Modal always re-rendering when typing in input for React-Bootstrap-Table2

I'm trying to implement an 'Edit Category' modal that can edit the current selected row in React-Bootstrap-Table2. However, when I tried to type in Category Des

How disable validation Formik when clicking cancel button?

I'm using Material-ui with Formik and Yup for form validation, but I'm having trouble disabling form validation when clicking the cancel button. Tried using for

react-i18next:: You will need to pass in an i18next instance by using initReactI18next warning thrown in Jest unit test

I am using react-i18next in my app to great effect but when I run the unit tests against my component: const OptionList = ({ definition, name, status = EM

react-bootstrap-table-toolkit Search Import Error

I wanted to use React Bootstrap Table in my project and I'm getting the following error. Uncaught ReferenceError: arguments is not defined at Object../node_mod

How to pass row data to a child component created into a format function

I have a react-bootstrap table with column defined like this: const columns = [ ... { dataField: "d", text: "Actions", formatter: ac

React-moralis, function useMoralisQuery, searching item by currentPatientWalletId address

I'm trying to query patient's consultation data via currentPatientWalletId which is a variable am passing to the useMoralisQuery hook,butit cant.bt once i hard

Set new intiial SlateJS editor value with React onEffect

How to easily set entire SlateJS editor value using React onEffect hook? The initial editor value is set when creating the useState hook, however, I want to set

react-bootstrap-table2 expandable filter row

I am using react-bootstrap-table2 with filter functionality which is working fine <BootstrapTable keyField="id" data={filteredData} columns={TABLE_H

Include JSON files into React build

I know this question maybe exist in stack overflow but I didn't get any good answers, and I hope in 2020 there is better solution. In my react app I have a con

Can I create a mask for an antd-country-phone-input?

I am using the antd-country-phone-input in my form for international phone numbers. However this does not have a mask and I want to have a masked input. I have

Error [ERR_MODULE_NOT_FOUND]: Cannot find package '@babel/plugin-preset-react' imported from

when I run the command to build the react project: yarn build show error: ➜ react-admin git:(master) ✗ yarn build yarn run v1.22.17 $ webpack --

Expo React Native - Android Keyboard closes immediately when tapping on input

The Android keyboard "crashes" (or destroys itself when tapping on every input field) Video of this bug: https://i.gyazo.com/83f7eb2ce8541e2c8af749c719fd7fde.mp

React Radio input selection persists on re-render

I am rendering a component including radio inputs. When a radio input selection is made, and the change is updated in state (Zustand if it matters), the compon

How to create a reusable react-hook-form component with TypeScript generics?

Person component is reused in two different forms: Person.tsx import { UseFormReturn } from "react-hook-form"; import { FieldPaths } from "./types"; type Prop

Uncaught Error: Objects are not valid as a React child while using react-bootstrap-table-next

I have a React component where I am trying to render a table using the react-bootstrap-table-next library. I'm getting an error: Uncaught Error: Objects are no

Bracket auto close in JSX/HTML component

When I input the { in the middle of any JSX/HTML component, the VSCode is not closing it - have you got any ideas how to configure settings or is there any exte

Having issue while creating D3.js charts as React components

I am very new to React, but I was trying to use React and D3.js for a data visualization web dashboard. I wanted to create D3.js charts as reusable React compon

Having issue while creating D3.js charts as React components

I am very new to React, but I was trying to use React and D3.js for a data visualization web dashboard. I wanted to create D3.js charts as reusable React compon