Category "reactjs"

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

yarn error building graylog plugin with mvn package: The "path" argument must be of type string. Received type undefined

I'm following the graylog [doc][1] for building plugins, but i'm getting a yarn error when executing "mvn package" inside the plugin directory. [INFO] --- front

How to make background-image responsive in Material UI

I'm trying to fix a problem with my background-image when I resize the browser. I have the background-image height on my application set to '100vh' which fills

metaplex and solana web3 dependency conflict (react.js)

I am developing a react app and I have code from 2 different applications I wrote Application A uses metaplex to find all the NFT's owned by a user (wallet addr

single glob pattern to target all .test/.spec files TSConfig

I would like to exclude all test files in tsconfig.js. Files that should be excluded *.test.ts *.test.tsx *.test.jsx *.test.js *.spec.ts *.spec.tsx *.spec.jsx *

Deploy react on an esp32 with 32 character file name limit

I would like to deploy a react application on a web server on an esp32 micro controller, to control an api on that same micro controller. The web server is work

Nav-Hash-Link always Active when the route is /home/#sampleproducts& /home/#dashboard [closed]

I want to add an active link using Nav-hash-link. But it's active always when I add the route like /home/#sampleproducts& /home/#dashboard