How to obtain frontmatter (meta) from .mdx in nextjs?

Question

I set up nextjs13 with ts support and mdx according to the docs.

Now I want to import the frontmatter in one file which was exported from another file. Is that possible?

pages/post.mdx contains

export const meta = {
  title: "some meta",
}

pages/index.tsx contains

import post from './post.mdx';
console.log(post.meta);

Output:

undefined

Expected output:

{ title: "some meta" }

Answer 1

Found the solution, while stepping over a github comment:

Wrong:

import post from './post.mdx';
console.log(post.meta);

Correct:

import post, { meta } from './post.mdx';
console.log(meta);

Answer 2

I use front-matter, an NPM package.

Example:

import React from "react";
import fm from "front-matter";

export default function SomeComponent({ markdown }) {
  const data = fm(markdown);

  return <div>{JSON.stringify(data)}</div>;
}