So the problem is I have a product page in which I'm getting metadata for that particular product page from backend i.e. from database using an API. I have to use a custom hook to fetch data from that API,…
I'm encountering an unexpected issue where importing CSS styles in one React component seems to affect the styling of Ant Design's Select component in another component. Here's a simplified overview of the scenario: I have two React components, Parent and…
So I recently update a Next project from Next 12 to 14, and am running into a ton of import errors when trying to run the project locally. There are too many for me to copy and paste them all,…
I'm trying to call a post request from Next.js app. However, there is a cancel button to stop the post request. I'm trying abortController with Axios (v1.4.0) to stop the post request. When I'm calling the cancel function 'cancelUploadHandler' it's…
I'm trying to store some basic (non-sensitive) user info about the client, such as their display name and profile picture, in react context. The information is stored in localstorage so that it persists even if the client closes/reloads the page,…
I'm encountering the error "useCart must be used within a CartContextProvider" in my NextJS application. I'm using the useCart hook from a custom useCart.tsx file and providing a CartContextProvider at the top level of my application. However, the error persists.…
I am stuck at fetching categorized posts via mongodb in nextjs app I have 2 Models One is Post Model and other one is Category Model. I want to make a relation between Post Model and Category Model in such…
I'm trying to use tsyringe for dependency injection in my Next.js 14.1.0 app. I'm using the new App Router. But for some reason it isn't working correctly when doing import 'reflect-metadata'; at the top of my Root Layout.. It's still…
I'm getting the error that 'window is not defined'. Kindly assist useEffect(() => { const handleScroll = () => { if(typeof window !== 'undefined') { // detect scroll setActive(window.scrollY > 100); }; // add event listener window.addEventListener('scroll', handleScroll); // clear…
I am triying to do a card to showcase services. It only has a image and a little text. Nothing too fancy and not really difficult to achieve...But for some reason that i can't figure out, the image is not…