Category "reactjs"

Type {} is missing the following properties from type {}: length, pop, push, concat, and 29 more

const function= () => { facets = useSearchMoreFacets( variables ); }; type UseSearchMoreFacets = { facets: MappedFacet[] | undefined; };

How to create in Recharts a custom vertical label for the YAxis that will scale to fit in case the label is too long?

I am building few composed charts using the Recharts library and some of the vertical labels on the YAxis are too long and are getting cut off. A picture of m

React component type in TypeScript

What is the correct way to describe the type of a react component in TypeScript? Say we have a function which returns a react component. The function: const ge

Creating a (.NET 6 based) website project with ASP.NET Core and React (TypeScript) in Visual Studio 2022?

I have been trying to set up an ASP.NET Core + React (TypeScript) web app project in Visual Studio 2022, but couldn't succeed in doing so. There are no proper s

The engine “node” is incompatible with this module when installing React-chartjs-2 Chart.js,

I am creating a doughnut chart by using chart.js with its react wrapper. It's working fine in the new project, but not able to install it in the main project. B

React Native + Expo + Axios file upload not working because axios is not sending the form data to the server

I am trying to upload an image with react native front end and axios to my back end. This is how pic the image const pickImage = async () => { let result

React not rendering an mdxjs file

I am trying to create an addon for storybook that adds a tab to the top of the page, I have it working except that I cannot get it to render an MDX file in the

Change input value with useRef

I captured an element with the useRef hook of React. if I use console.log(this.inputRef) I get: <input aria-invalid="false" autocomplete="off" class="Mui

Apply CSS Module class name by directly accessing the DOM

I have a component that makes use of CSS-Modules, by means of the babel-plugin-react-css-modules plugin. At some points during the lifetime of the component I

react-native cannot find android studio

It's usual that react-native cannot find android SDK. My problem is different... Android ✓ JDK ✖ Android Studio - Required for building and inst

Manually closing the calendar primereact

I'm using primereact version 6.2.1, While using the calendar from primereact i have enabled the option for showTime. This brings up a datePicker with an overlay

Create dynamic svg icons component in ReactJs

I want to create a React component for my SVG icons but if I use this component several times (with different props) in another component, it always renders the

How can I get information on hover effect in atom editor as it displays in VScode?

Is there any plugin that I have to install in Atom to get this type of information on hovering on variables, objects or functions somewhat like intellisense? It

How to mock a single value in a React Context provider while keeping the rest of values

Hi I have a context provider which returns like this: return ( <RepeatsSidebarContext.Provider value={{ loading,

create-react-app shows an error of "You need to enable JavaScript to run this app."

I use express for my API. I have a folder named app and another folder named server. app is the client app, using create-react-app as boilerplate, while server

How to convert timestamp firestore to date string and display in antd table

First, i have antd table and datasource from firestore with some fields and include timestamp field. my data is good running and show it in antd table, the prob

MUI - V5 Grid System spacing not producing gutters between Grid Items

I am just learning Material UI with react. Starting with V5. I have a basic 12 column grid just to learn this. The spacing is just not working properly. It is j

How to make the row editable when clicking on an "Edit" button on a cell with react-table

I am making the interactive table using react-table on my application. My goal is to make a table that can be editable per row when clicking on a button in a ta

The resetForm method of Formik does not work as expected

I'm using Formik in my application and I want to cancel changes made to a form and revert it to its initial values (this is not about clearing form after submit

Uncaught ReferenceError: process is not defined - React-Rails

Components aren't rendering because of the Uncaught ReferenceError error. The error is thrown in one of the React API files (see the code in question below). I'