Category "reactjs"

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

The Use of "Navigate(-1)" Fails to Return to Previous Location in Gatsby

I am trying to create a simple "Back" button in Gatsby that returns the the previous page and retains the scroll position. This already happens when using the b

React app won't connect to django-rest database

I'm to update the frontend of this site https://github.com/ildebr/store-repository it has a react frontend and a Django backend, auth is made with Django-rest-f

redux saga api call is getting executed multiple times for single button click

I am newbie in Redux Saga, trying to make an API call through Saga but it gets triggered multiple times. Below is my code. component.js (dispatch action inside

ReactSelector can not access all components

i am new to React and Testcafe and have to write some end-to-end tests. I thougt, it was a good idea to mainly use the ReactSelector from 'testcafe-react-select

How can I call parent function in a child React component?

So I want to add delete button, but when I click it I see error: 'TypeError: props.onDeleteTask is not a function' - in component - SingleTask.js //../component

React: How to autoplay video on all devices but prevent it from launching full-screen on iPhone

I have a React website that autoplays videos on desktop. However, autoplay causes it to not only autoplay, but launch full-screen autoplay on iPhone (I tried Sa

How can I configure Apollo to always ignore its cache and fetch directly from the GraphQL server?

I am developing a React UI that makes use of a GraphQL API I have written (using Hot Chocolate and ASP.NET 6.0). I have just started coding the UI project and a

React Router Outlet and Protected Outlet does not working

I want to render outlets based on user login state. The problem is the oulet never get rendered. Only parent element is rendered.I tried using "/:username/board

How to prevent sending cookies from UI using react to backend for selective apis

In our application , there are certain cookies related to analytics etc which are being sent as part of every request api from frontend, we are not explicity se

How to hide the legend in chart.js in a react project?

I am trying to hide the legend of my chart created with Chart.js. According to the official documentation (https://www.chartjs.org/docs/latest/configuration/leg

Recharts Treemap Tooltip label

When creating a TreeMap with <Tooltip/> how do i get a label in the tooltip? I'm only getting tooltips like : 5738 In the treemap itself the names are di