Category "reactjs"

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'

Jest : TypeError: require(...) is not a function

The application is written by React with ES6 so import and export statements are used inside the application. So Jest is configured to work compatible with ES6,

Parsing error: Identifier 'React' has already been declared

I m trying to import component but i m not able to do it I have also tried export default class App extends React.Component instead of class App extends Comp

IMAGE: You may need an appropriate loader to handle this file type

I can't figure what is the proper loader to load images in ReactJS webpack, May you give me a hand? I get this error: Module parse failed: /Users/imac/Desktop

How to align a Material UI Button and TextField on the same line, at same height?

I'm trying to get a <Button> from the Material UI library to a) sit at same height as the <TextField> next to it; and b) have it be aligned with tha

How configure Jest when using react-app-rewired and customize-cra?

I am trying set up tests with Jest in a create-react-app that is using the override function from customize-cra and react-app-rewired. I have set up a relative

How to add Horizontal Scrollbar in a React Bootstrap Table?

I am using React Bootstrap Table and I want to add Horizontal Scrollbar only to the last two columns. Last two columns should be wrapped in a scrollable contai