Using Sanity v3 embed with Remix in a cloudflare runtime

[jcheese1]

Hey!

I am getting [pages:err] TypeError: globalThis.XMLHttpRequest is not a constructor while trying to use the <Studio /> component in Remix, in a cloudflare runtime. I assume this is because the package is using XMLHttpRequest instead of fetch. Any idea how to work around this?

This is the file:

// routes/admin/$.tsx

import { Studio, type WorkspaceOptions } from "sanity";
import { deskTool } from "sanity/desk";

const config: WorkspaceOptions = {
  basePath: "/admin",
  projectId: "rkndubl4",
  dataset: "production",
  plugins: [deskTool()],
  name: "blog",
  schema: {
    types: [
      {
        type: "document",
        name: "post",
        title: "Post",
        fields: [
          {
            type: "string",
            name: "title",
            title: "Title",
          },
        ],
      },
    ],
  },
};

export default function Sanity() {
  return (
    <div style={{ height: "100vh" }}>
      <Studio config={config} />
    </div>
  );
}

[jonsherrard]

I don't know if sanity would consider a custom fetch configuration option as in supabase/supabase-js#297, or maybe move to fetch permentantly?