I have to try to set up a husky with lint-staged. Initially, I was trying to set up like the following but that does not work. "lint-staged": { "*.js": [
I'm trying to implement register from react-hook-forms for react-select but in order to do that I need to make use of Controller from react-hook-forms but when
I'm using the MQTT protocol in my project, when I include the MQTT protocol with import * as Mqtt from 'react-native-native-mqtt' declare my client with const
I have components in my React App, with more than 20 rows with: useState() Is that the correct way or to assign them in a object, is there so
I am to create an app which utilizes react-router-dom. I am currently trying to us eversion 5.2.0. I have tried to isolate the issue and focus
I want to dispatch an action whenever any page or component of my app loads. So what I am trying to do is to dispatch the action using store.dispatch inside use
I have used react links with mui and I am trying to highlight the active link in header. My attempt is as below. import Link from "@mui/material/Link"; import {
I'm struggling with interfaces on my little learning NextJS and TypeScript project. I thought I had it sorted out but am dealing with an issue on my Header.tsx
I want to show only the first row of the Grid and hide other rows. I know we can do this by using max-height and the @media queries, but in this case, the heigh
I want to clear the radio button values without getting errors of react in NextJS, i did manage to do in the other fields like in the example below... <div
I have a form containing various input fields and two buttons; one for submitting and one for cancelling. <form id="create-course-form"> <input type
I'm beginner in React Js. I would like to redirect to path '/event' after 2 seconds. This way is not working: import React from 'react'; import { getFormData }
in react testing library, as per the conventions, it is better to use screen than to destructure the methods from render. I have a component, where I need to te
I'm using mapbox api for my application where user can add markers based on his current location. The map was loading just fine while it was running on localhos
I am trying to import an image file in one of my react component. I have the project setup with web pack Here's my code for the component import Diamond from
I want to do width: 100% - 50 so I can add an icon which is 50 wide on the right hand side of it. I have got width: 100% - 20% working by using react-native-e
React keeps giving me this "Warning" (which registers as an error in the console) whenever I click on the edit row section of the material table. I understand t
we would like to build a fully offline capable react web application. We usually work with NextJS. The current problem that we are facing is that we are not abl
I have two required fields in my form .I want the asterisk color should be red.Currently it is showing black .I am using material UI react library ? here is my
I have problems to get the right types when using StyledComponents with ThemeProvider. I have tried it with this approach: https://github.com/styled-components/