I want to add rounded corners to my table in a react component using tailwind. I have tried using rounded-lg or any other rounded class to the component but it isn't working. What can I do? "use client"; import {…
I have an interface like below export type CameraProps = Omit<React.HTMLProps<HTMLVideoElement>, "ref"> & { audio?: boolean; audioConstraints?: MediaStreamConstraints["audio"]; mirrored?: boolean; screenshotFormat?: "image/webp" | "image/png" | "image/jpeg"; //between 0 & 1 screenshotQuality?: number; videoConstraints?: MediaStreamConstraints["video"]; fullScreenRecord?: boolean; screenshotDimensions?: ScreenshotDimensions; setImageSrc?: Dispatch<SetStateAction<string>>;…
In Next.js 13 and above (App router) should the page.js of all the routes/folders be a server component ? I mean is it the standard practice. I know that it can be a client component using use client but is…
I need to import a pure javascript script in my next js app like this : import Script from "next/script"; <Component {...pageProps} /> <Script id="raychat-widget" strategy="afterInteractive" dangerouslySetInnerHTML={{ __html: ` window.RAYCHAT_TOKEN = "Token"; (function () { const d = document; const…
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.…