DEV Community

Discussion on: Step by Step: Build a Membership Website with Amplify, Stripe, and Next.js

View post
Collapse
 
mcsrk profile image
mcsrk •

Hi, I'm using Next.js v13.4.12. and got a problem in the step when we do :

import Image from "next/image";

import styles from "./page.module.css";
import Hero from "@/ui-components/Hero";
import { View } from "@aws-amplify/ui-react";

export default function Home() {
  return (
    <main className={styles.main}>
      <View>
        <Hero />
      </View>
    </main>
  );
}
Enter fullscreen mode Exit fullscreen mode

The problem is :
Image description

Is related with "use client" but I alredy used it on the root component and didn't work. Any tips? Thanks!

Collapse
 
kacesensitive profile image
Kc •

you need
"use client";

at the top of the file