Got this error message in Next.js but have no idea what to do with this. Next.js version 13.0.5. I was passing a prop to a client component in Next.js. Prop is the list of objects, and one of the values…
I have issue in new Next.js 13 beta. They removed head.js files and now (as it is written in doc) i have to use metadata in layout.ts. My favicon has name favicon.png. How do i specify it here: export const…
As the title indicates, I have a next.js(13.2.0) project and I have installed firestore-stripe-payments package. But when I import { getStripePayments } from "@stripe/firestore-stripe-payments"; I receive SyntaxError: Unexpected token 'export'. I am very new to react and next.js but from…
I am experimenting with Next.js 13 app directory and React 18's Server Components. Following the documentation I put an async fetch() call inside a Server Component and I mark the component as async. But then when I place it as…
I have the following simple Dockerfile FROM node:16 COPY . . RUN npm install CMD ["npm", "run", "dev"] It runs a NextJS application. I need to make two CURL Requests from the container but, I can't do: CMD ["npm", "run",…
I want to build a webapp that displays the image in a div of the Parent component when clicking on an item in the list generated by the child component. I figured it was best to generate the list in…
In my local environment I'm trying to reach the development server which is in https://api.mydomain.com When I made the call from my nextjs/reactjs app I get CORS error, so I try to fix it with reverse proxy on next in…
I was trying to send a post request to my api. However trying to access the request body in the route handler causes the error below: Code: export async function POST(request: Request) { const postBody: postProps = JSON.parse(request.body) // 👈…
How would I go about creating a component using useEffect? useEffect(() => { fetch('https://website') .then((res) => res.json()) .then((data) => { setData(data) // Use fetched data to create object "roles" let cards = roles.map((path) => ( <Box m="sm" pt="xl"> <Card key={path.id}…
I am building a Next.js project and I get the following error: Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from…