How do I trigger a file download when a button is clicked? For testing sake, when making a GET request using <Link href="/api/generate-pdf"/> it works fine and the pdf file is saved. With the button the api is hit but…
I'm trying to check weather a specific cookie exist and delete some data from redux if it doesn't, but I'm not able to get the cookies even after using a package called 'cookies-next'. I'm using client side component in order…
I'm currently utilizing Next.js (v13.5.4) and next-intl (v3.0.0-beta.19) for internationalization. My goal is to modify the URL structure for locales from a format like en-GB to en/UK. I've set up Next with the app router and initialized next-intl following the…
I have a code snippet here from NextJS 13 export default function Members() { // States const [users, setUsers] = useState<MemberType[]>([]); const [loading, setLoading] = useState(false); const searchParams = useSearchParams(); // To refresh the page const router = useRouter(); const…
Complete Error: Attempted to call the default export of /email/contact-form-email.tsx from the server but it's on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to…
I'm migrating my Next 12 app to Next 13 and its new /app directory. I have a <LoginPage> component (rendered @ /login) and obviously, it needs to use hooks to manage form data. As such, I have marked it with…
I am having the following error when I use the react-email package in my next.js project the problem is caused by the Tailwind component so when I comment it out it works but since I want to apply some classes…
I'm making a booking form using shadcn/ui in nextjs13. I'm mapping over hairstyles in my postgres db to make selects for the user to choose a hairstyle. I'm getting the error Encountered two children with the same key , 'Coils/Butterfly…
I am writing a simple React CRUD app, using NextJS 13 and its app router. I have a route, in which page.tsx is a client component. page.tsx 'use client' import DataGrid from './DataGrid' const List = (props) => ( <DataGrid>...</DataGrid>…
tl;dr Next.js 13's /app router's layout and page routing changes how we add content to the <head>. How can I add a schema script to each page? Next.js will automatically compile <head> tags placed in any layout or page into…