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/
So I know how to change state when the button is clicked once, but how would I change the new state back to the previous state when the button is clicked again?
I'm trying to run very simple code, but I'm getting an error, I didn't use the create react app! It looks like my babel.config.js file is being ignored! This is
I am trying to import some local images into reactjs. But it's not working. I am using reactstrap to make a carousel. This is the error: Module not found: Can'
I'm new to React.js and already make new react app using : create-react-app I already install dependency react-router-dom var React = require('rea
I would like to derive value from my props using react hooks. I would like to compute this value only once and not on every render. This is the first solution I