A React plugin designed to use with Lexical DevTools Extension to inspect Lexical.js editor state within React applications.
Note This plugin is intended to be used with the Lexical DevTools Extension, available on the Chrome Web Store. You can download it here.
npm i @lexical-devtools/react
import { LexicalComposer } from "@lexical/react/LexicalComposer";
import DevToolsPlugin from "@lexical-devtools/react";
export default function Page() {
const config = {
// ...
};
return (
<LexicalComposer initialConfig={config}>
// ...
<DevToolsPlugin />
</LexicalComposer>
);
}