How to use remix loader with simple express backend ?

[arnaudambro]

I have a simple express backend in a shape that I share with a lot of project so I'd like to keep it that way, something like

const express = require("express");
const router = express.Router();
const ShopObject = require("../models/shop");
const { catchErrors } = require("../utils/error");

router.get(
  "/:id",
  catchErrors(async (req, res) => {
    const shop = await ShopObject.findById(req.params.id);
    return res.status(200).send({ ok: true, data: shop });
  })
);

module.exports = router;

then in my app/routes/shop/$shopId.jsx, how should I use the loader ?

import { useLoaderData } from "remix";

export const lodaer = () => {
  // ???
};

const Shop = () => {
  const loaderData = useLoaderData();
  console.log(loaderData);
  return (
    <div className="absolute top-0 left-0 w-1/5 bottom-0 bg-white">
      <pre>{JSON.stringify(loaderData, null, 2)}</pre>
    </div>
  );
};

export default Shop;

I can go for a classic fetch(/shop/$shopId, but is it the good practice for remix ?