flockstr/app/(app)/article/[key]/@30023/page.tsx

"use client";
import { useEffect } from "react";
import Article from "@/containers/Article";
import { useNDK } from "@nostr-dev-kit/ndk-react";
import { nip19 } from "nostr-tools";
import Spinner from "@/components/spinner";
import useEvents from "@/lib/hooks/useEvents";
export default function ArticlePage({
  params: { key },
}: {
  params: {
    key: string;
  };
}) {
  const { ndk } = useNDK();
  const { data, type } = nip19.decode(key);
  const { events } = useEvents({
    filter:
      type === "naddr"
        ? {
            kinds: [data.kind],
            authors: [data.pubkey],
            ["#d"]: [data.identifier],
            limit: 1,
          }
        : {},
  });

  if (events?.[0]) {
    return <Article event={events[0]} />;
  }

  return (
    <div className="center pt-20 text-primary">
      <Spinner />
    </div>
  );
}