i have a app/middleware.ts but it didn't trigger, import { NextResponse, NextRequest } from 'next/server' // This function can be marked `async` if using `await` inside export function middleware(request: NextRequest) { return NextResponse.redirect(new URL('/home', request.url)) } export const config =…
I'm having an issue with the generation of a new Date object in React using a provide date string in the format of YYYY-MM-DD without using my locale machine's timezone, as this breaks the function that receives this date. Here…
I am using react-router-dom for Routing in my react app. I now want to create a protected route so you can access certain pages only if you are logged in. But at the moment I can still access the protected…
I want to set male value as selected by default but its not working. <select {...register("gender")} className="form-select input" id="gender"> <option value="Male" selected>{t("signUpPage.male")}</option> <option value="Female">{t("signUpPage.female")}</option> </select>
I am using the Obytes Starter for a React Native app. It use React Query and React Query Kit for data fetching and React Hook Form and Zod for forms. This is my first time using React Query. I'm struggling…
I am new to react. I am learning by coding an anagram problem. I am trying to display the below result in the browser. [['silent', 'listen'], ['test'] , ['another']] but I am seeing this result. ---> [ "s", "i", "l",…
I have a customized date picker (for the context its height is 1050px). I want to display it in a popup within dropdown content. This is my popup component. <div className={styles.popupWrapper} > <div className={styles.popup}> {popupContent comes here} </div> </div> I…
I'm new to Nextjs. using the latest stable version with app router. I tried to set the image source to Image component of Next js as shown in the code below: <Link href={_coInfo?.WASite} style={{ textDecoration: "none" }}> <Image alt="Logo" src='/assets/fallbackLogo.png'…
I'm working on a reviews section in my React application using Tailwind CSS, where I want each review card to adjust its height based on the amount of text it contains. However, despite using a flexbox layout, all the cards…
I need a React Component to show some pictures in a custom layout made out by 'n' number of flex layouts. Each of this flex has an array of pictures wrapped in another flex, with flex-direction: column. The goal is…