"use client";
import React from "react";
import Link from "next/link";
import { usePathname } from "next/navigation";
import styles from "./DashboardLink.module.scss";
import Image from "next/image";

export default function DashboardLink({ children, link, icon }) {
  const pathname = usePathname();
  

"use client";
import React from "react";
import Link from "next/link";
import { usePathname } from "next/navigation";
import styles from "./DashboardLink.module.scss";
import Image from "next/image";

export default function DashboardLink({ children, link, icon }) {
  const pathname = usePathname();
  

ReactServerComponentsError:

You're importing a component that needs useState. It only works in a Client Component but none of its parents are marked with "use client", so they're Server Components by default.
Learn more: https://nextjs.org/docs/getting-started/react-essentials

ReactServerComponentsError:

You're importing a component that needs useState. It only works in a Client Component but none of its parents are marked with "use client", so they're Server Components by default.
Learn more: https://nextjs.org/docs/getting-started/react-essentials

ReactServerComponentsError:

"getStaticProps" is not supported in app/. Read more: https://nextjs.org/docs/app/building-your-application/data-fetching

    ╭─[C:\Users\runel\Documents\Odisee\Fase3\ATP\2324_atp_routeyou_1_frontend\src\app\dashboard\my-events\page.js:27:1]
 27 │ import { createdEvents } from "@/services/EventService";
 28 │ import { jsx as _jsx } from "react/jsx-runtime";
 29 │ import { jsxs as _jsxs } from "react/jsx-runtime";
 30 │ export function getStaticProps() {
    ·                 ──────────────
 31 │   return _getStaticProps.apply(this, arguments);
 32 │ }
    ╰────

File path:
./src\app\dashboard\my-events\page.js

ReactServerComponentsError:

"getStaticProps" is not supported in app/. Read more: https://nextjs.org/docs/app/building-your-application/data-fetching

    ╭─[C:\Users\runel\Documents\Odisee\Fase3\ATP\2324_atp_routeyou_1_frontend\src\app\dashboard\my-events\page.js:27:1]
 27 │ import { createdEvents } from "@/services/EventService";
 28 │ import { jsx as _jsx } from "react/jsx-runtime";
 29 │ import { jsxs as _jsxs } from "react/jsx-runtime";
 30 │ export function getStaticProps() {
    ·                 ──────────────
 31 │   return _getStaticProps.apply(this, arguments);
 32 │ }
    ╰────

File path:
./src\app\dashboard\my-events\page.js