Returning JSX from meta and link export functions

[subhero24]

Currently meta and link export functions return an array with objects that describe the meta and link tags for the head of the document:

export function links() {
  return [
    {
      rel: "stylesheet",
      href: "style.css",
    },
    {
      rel: "stylesheet",
      href: "tailwind.css",
    },
  ];
}

Wouldn't it be nicer if these function would return the jsx instead of the javascript objects for these elements?

export function links() {
  return <>
    <link rel="stylesheet" href="style.css" />
    <link rel="stylesheet" href="tailwind.css" />
  </>
}

[sergiodxa]

If LinksFunction, or MetaFunction, let you return JSX, then it would be no way for Remix to ensure you only render links or meta tags there and not other things.

Right now, by using an array of objects, it can check that those objects are correct and only put links or meta tags there.

Basically, you could render a whole app as a link by allowing JSX.

[subhero24]

Remix could just inspect the returned element to make sure only link or head elements are returned.
However, i do not think the overhead of checking this is worth it. Why not just make this a convention, like all the other conventions that come with a framework? I think it would be a much more readable than the object representation.