I was creating a progress bar component with Next.js and tailwind.css and using JavaScript setInterval() function to animate it. Here is the code below: import React, { useState } from "react"; const ProgressBar = () => { // starting at…
I have a button that submits a form. That submit function runs a post request to my api route and in the api route, I insert a row in my database. I need to redirect the user to / when…
I need to call the api only when we back from the next screen to previous screen and it should not be called on the first time when we go to the screen in react native.
I'm working on a React Native application and I'm facing an issue with aligning a text input and its placeholder differently. I want the input text to be aligned to the right, while keeping the placeholder aligned to the left…
As already specified in the title, useEffect renders the other components even if I pass the empty array. I'm a girl who is just starting to learn react; i can't figure out why if i pass empty array or 'name'…
I am creating a multilingual app in react js and I want to always have the ?lang=languageName parameter in url. I am using react-i18next for translation. Below code which works fine if I refresh the page: import React, { useEffect…
I am trying to build a reusable component such that I can pass it an object imported from a data file and the component renders external links to different social media sites represented by their respective icons. I am also…
I have a problem knowing the data type of the URL that I WILL res API from it, and I am using a custom hook to make it usable I am using Next.js with typescript this is a useFetch.js (custom…
I am declaring useMemo onload of page for pagination. It is working fine. But when I tried to declare inside a response of service call I am getting this error "React Hook "useMemo" cannot be called inside a callback. React…
How can i put this ${window.scrollY > 0 ? " bg-slate-50" : ""} Conditional statement only for medium or large screens on tailwind?