Hello I have question can I have 2 different fonts for Heading like you know you define <Heading fontFamily={???}></Heading> and set font family ins
I have the following in my jest.config.js module.exports = { preset: 'ts-jest/presets/js-with-ts', testEnvironment: 'jsdom' }; but it's being ignored w
I have seen many other questions with the same problem as mine, and I have tried all solutions, but it is not working. I have a form with many inputs, which I h
With react hooks now available should I in case of functional components wrap every function passed with props with useCallback and every other props value with
Have a tabs component which work perfectly with the router.query state useEffect(() => { let found = false; if (currentTab !== 'leads') {
I'm just learning React and Tailwind CSS and had a strange experience with CSS grid using Tailwind classes. I've made the buttons for a calculator, with the las
Really tried to not post this as I've seen similar questions but I'm not able to display anything over the react leaflet library after reading things online. T
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