nextjs fails to run in bun about bun HOT 2 OPEN

'use server'

export async function fetchApi<T>(
  method: 'GET' | 'POST' | 'DELETE',
  path: string,
  data?: object,
) {
  const url = "https://meowfacts.herokuapp.com/?" + path

  return fetch(url, {
    method: method,
    cache: 'no-store',
    headers: {
      "Content-Type": "application/json"
    },
    body: data ? JSON.stringify(data) : null,
  })
    .then((res) => {
      if (!res.ok) {
        throw new Error(
          `[api]: ${res.status} ${method} ${path} responded with error: ${res.statusText}`,
        )
      }

      return res
        .json()
        .then((resData) => {
          console.log("Response body has", Object.keys(resData), typeof(resData))
          return resData as T
        })
        .catch(() => {
          throw Error(
            `[api]: ${res.status} ${method} ${path} failed to decode JSON response`,
          )
        })
    })
    .catch((e) => {
      throw Error(`[api]: ${method} ${path} fetch failed due to ${e}`)
    })
}

'use client'
import { useEffect, useState } from 'react'
import { fetchApi } from '~/lib/util'

export function SearchDemo() {
  const [search, setSearch] = useState('')
  const [data, setData] = useState<object[]>([])

  useEffect(() => {
    async function update() {
      setData((await fetchApi<object>("GET", search)).data as object[])
    }
    void update()
  }, [setData, search])

  return (
    <div>
      <div className="p-2">
        <input
          type="text"
          value={search}
          onChange={(e) => setSearch(e.target.value)}
        />
      </div>

      {data.map((d) => {
        return <div key={JSON.stringify(d)}>{JSON.stringify(d)}</div>
      })}
    </div>
  )
}

import { SearchDemo } from '~/components/SearchDemo'

export default function LandingPage() {
  return <SearchDemo />
}