Hello, as the title says i am trying to create a resuable query using Supabase and NextJS. I am coming on it from an OOP angle, creating a service class which will include all my queries related to a specific table.

However I am having some difficulties with Supabase connection and middleware.
I was following a youtube tutorial where the youtuber created the following middleware code:

import { createMiddlewareClient } from "@supabase/auth-helpers-nextjs";
import { NextResponse } from "next/server";

export async function middleware(req) {
  const res = NextResponse.next();
  const supabase = createMiddlewareClient({ req, res });

  await supabase.auth.getSession();
  return res;
}

From my understanding, the above code creates a connection between the database and the client in every HTTP request. My issue is with resuing this middle ware. I am not sure how
This is the service class I have created:

export default class CategoryReposiroty{

    async function GetCategories(){
        let { data: Device, error } = await supabase
        .from('Device') 
         .select('*')
    }
}

I am not sure what to replace supabase with. I dont want to create a new client since that should be the middleware job that was created in the youtube tutorial, right?