Async `meta` function not working

[nisabmohd]

I'm using React Router as a...

framework

Reproduction

export async function meta({ params }: Route.MetaArgs) {
  const { slug } = params;
  const matter = await getBlogFrontmatter(slug);
  if (!matter) return [];
  return [
    { title: matter.title },
    {
      name: "description",
      content: matter.description,
    },
  ];
}

System Info

System:
    OS: Windows 11 10.0.26100
    CPU: (16) x64 12th Gen Intel(R) Core(TM) i5-12500H
    Memory: 3.19 GB / 15.68 GB
  Binaries:
    Node: 23.6.0 - C:\Program Files\nodejs\node.EXE
    npm: 10.9.2 - C:\Program Files\nodejs\npm.CMD
    pnpm: 9.12.1 - ~\AppData\Local\pnpm\pnpm.EXE
    bun: 1.2.2 - ~\.bun\bin\bun.EXE
  Browsers:
    Edge: Chromium (131.0.2903.86)
    Internet Explorer: 11.0.26100.1882

Used Package Manager

pnpm

Expected Behavior

if async meta is exported then it gives error

Actual Behavior

It should resolve the promise of metadata

[sergiodxa]

MetaFunction can't be async, if you need to run async code do it in the loader and return the result, then access that result from the args.data

[chidiwilliams]

Are there plans to make the client loader data also available to meta for SPA mode?