screen shot of how the text is looking. The code: <div className='flex flex-col'> {/* {details.name} */} sssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss <span className='text-muted-foreground'> <p className='truncate max-w-full'> {/* {details.address} */} ssssssssssssssssssssssssssssssssssssssssssssssssss </p> </span> </div> Even after using truncate , text-clip, the text is not getting…
In NextJS14, which do you think is better between requesting from the server side and requesting from the client? Of course, I know that each situation is different, but basically, I thought it would be a good idea to make…
Warning: Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render. const OwnerPage = () => { const onOpen…
I have a problem with my NextJS App. I want to create a Portfolio on my website, using Strapi to add some content when I realize new projects. I can't succeed to extract the data array from Axios tu use…
I have developed a website on Nextjs and now I want my Blogs page in Wrdpress How can I install Wordpress for my Blogs Page and do customization in wp only ??? Please help me in installing Wordpress for my…
I have a modal component in my Next.js project using Radix UI. There are different two way binded inputs using state. The problem is when the state is update the entire page re-renders causing all state to be refreshed. Here…
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…