App.tsx

import { locales } from "@blocknote/core/locales";
import "@blocknote/core/fonts/inter.css";
import { BlockNoteView } from "@blocknote/mantine";
import "@blocknote/mantine/style.css";
import { useCreateBlockNote } from "@blocknote/react";
// import { useTranslation } from "some-i18n-library"; // You can use any i18n library you like

export default function App() {
  // const { lang } = useTranslation('common'); // You can get the current language from the i18n library or alternatively from a router
  // Creates a new editor instance.
  const editor = useCreateBlockNote({
    // Passes the Dutch (NL) dictionary to the editor instance.
    // You can also provide your own dictionary here to customize the strings used in the editor,
    // or submit a Pull Request to add support for your language of your choice
    dictionary: locales.nl,
    // dictionary: locales[lang as keyof typeof locales], // Use the language from the i18n library dynamically
  });

  // Renders the editor instance using a React component.
  return <BlockNoteView editor={editor} />;
}