app/page.tsx

'use client'
import dynamic from 'next/dynamic'
import './app.css'

const Editor = dynamic(() => import('./editor'), { ssr: false })

const defaultValue = `
// Welcome to monacopilot
// Press ⌘ + B to invoke
// Base URL is configurable in settings
`.trim()

export default function Page() {
  return <Editor defaultValue={defaultValue} />
}