I am quite new with ReactJS especially using NextJS. I encountered an error when build a NextJS app. There are one component that uses a custom hook. "use client"; import FormText from "@/components/Form/formtext"; import useAuthController from "./authcontroller"; import { ThreeDots…
I have an issue and couldn't find any approach to solve it. I make a pet chat application, and of course, I want to show last message, but because the last message appears at the end, so I need to…
I want to set/update a cookie on the incoming request in the middleware file before the page or layout reads the cookie, but it seems to not be working. Maybe it's not possible.. I made a demo project you can…
Here is my code is it correct? Or give me best suggestion. I have two type user role like candidate and business and both have multiple different fields and I want to manage all the fields in one userModel.ts file.…
I have the following code in my layout: // Fontawesome import { config, library } from '@fortawesome/fontawesome-svg-core'; import { fas } from '@fortawesome/free-solid-svg-icons' import { far } from '@fortawesome/free-regular-svg-icons' import { fab } from '@fortawesome/free-brands-svg-icons' library.add(fas, far, fab) config.autoAddCss =…
I have a web application build on NextJS. I intend to use a transparent video, which currently I have as MOV and WEBP, WEBP works absolutely fine on Chrome (Desktop), while MOV works fine on Safari (Desktop). But I am…
I'm working on a Next.js 14 project and I need to fetch data in a client component. I've come across two different methods and I'm unsure which one is the best practice. Method 1: useEffect with an Async Function and…
I have this component in Next.js (v14.2.1) which, essentially, all it does is to pick a random string while i fetch some data. However, i've been trying to persist the same string on server and client side without any luck.…
As you can see in the code snippet below, I have tried all 6 of Tailwind's justify and align content, items, and self properties as well as flex justify-between on the parent and still not managing to get the desired…
I am using version 14 of Next.js, and I want to write code for a scenario where when a user clicks the start button, it goes into full screen. Now, when the user presses Escape for the first time, they…