我在nextjs中成功地编写了一个中间件函数

import type { NextRequest } from 'next/server';
import { NextResponse } from 'next/server'

export function middleware(req: NextRequest) {
    const { ip, geo } = req
}

export const config = {
    matcher: '/'
}

在这个中间件函数中，我得到了geo对象和ip字符串。在geo对象中，它有country、city、latitude、longitude和region字段。现在我必须把这些数据放到我的主页组件中。

import type { NextPage, GetServerSideProps } from "next"

const Home: NextPage = () => {
  return (
    <div>
      dfd
    </div>
  );
};

export default Home;

export const getServerSideProps: GetServerSideProps = async (context) => {
  console.log(context);
  return { props: {} }
}

我如何在我的页面组件中获得那些中间件数据，如ip，geo。