TypeScript

/**
 * @description GETリクエストを送信する
 * @param path リクエストパス
 * @returns {Promise<T | undefined>} レスポンスデータ
 */
export const commonGetFetch = async <T>(
  path: string
): Promise<T | undefined> => {
  const url = new URL(path, BASE_URL).href;

  return axios
    .get(path)
    .then((res) => {
      return res.data as T;
    })
    .catch((err) => {
      console.error(err);
      return undefined;
    });
};

import dynamic from "next/dynamic";
import { Suspense } from "react";

export default function DynamicMap() {
  const DynamicMap = dynamic(() => import("@/components/map/Map"), {
    ssr: false,
  });

  return (
    <Suspense>
      <DynamicMap />
    </Suspense>
  );
}

const slepp = await new Promise()...