MDX 는 리액트가 가능하다!

import { useState } from 'react'
 
{/* Import CSS modules */}
import styles from '../components/counters.module.css'
 
export const Counter = () => {
  const [count, setCount] = useState(0);
  return (
    <div>
      <button onClick={() => setCount(count + 1)} className={styles.counter}>Clicked {count} times</button>
    </div>
  );
};
 
<Counter/>

import Counters from '../components/counters'
<Counters />