another.mdx

Another Page

let a = 1;

console.log(a);

Component

import { useState } from 'react'

{/* Import CSS modules */} import styles from '../components/counters.module.css'

export const Counter = () => { const [count, setCount] = useState(0); return (

<button onClick={() => setCount(count + 1)} className={styles.counter}>Clicked {count} times

); };

External Component

import Counters from '../components/counters'