Next.js ☓ microCMSのビルド時にエラー(Error: serviceDomain or endpoint may be wrong.)

ソースコードは以下。

src/lib/client.ts

import { createClient } from 'microcms-js-sdk';

export const client = createClient({
  serviceDomain: process.env.SERVICE_DOMAIN,
  apiKey: process.env.API_KEY,
});

src/lib/client.ts

import { NextPage, GetStaticProps } from 'next'
import Link from "next/link";
import { client } from 'src/lib/client';

type Props = {
  data: any
}

const Home: NextPage<Props> = ({ data }) => {
  return (
    <div>
      -- (中略) --
    </div>
  );
}

export const getStaticProps: GetStaticProps<Props> = async () => {
  const data = await client.get({ endpoint: "xxx" });

  return {
    props: {
      data: data.contents,
    },
  };
};

export default Home;

ビルドを行うとエラーメッセージが発生し、中断されてしまう。

[=   ] info  - Generating static pages (2/3)
Error occurred prerendering page "/". Read more: https://nextjs.org/docs/messages/prerender-error
Error: serviceDomain or endpoint may be wrong.

単純にエンドポイントの指定を間違えていた。

const data = await client.get({ endpoint: "xxx" });

正しいエンドポイントに修正する。