How to access a D1 binding from a next.js tsx file (NOT .ts)?

"use client"
import { useState, useEffect } from 'react';
import { GET } from './api/all/route'

export const runtime = 'edge'
export default function Home() {

  const [title, setTitle] = useState('');
  const [data, setData] = useState();

  useEffect(() => {
    GET().then((data: any) => {
      setData(data.target.value);
    });
  }, []);


  function handleTitleChange(e: any) {
    setTitle(e.target.value)
  }

  return (
    <div>
      <p>{data}</p>
    </div>
  );
}