can't get editorJs to work

package.json

@@ -132,6 +132,7 @@
     "@babel/plugin-transform-numeric-separator": "^7.10.4",
     "@babel/plugin-transform-runtime": "^7.23.2",
     "@babel/types": "^7.23.0",
+    "@editorjs/link-autocomplete": "^0.1.0",
     "@emotion/babel-plugin": "^11.11.0",
     "@emotion/jest": "^11.11.0",
     "@graphql-codegen/add": "^5.0.0",

src/components/Comments/CommentForm/CommentForm.tsx

@@ -33,7 +33,7 @@ export const CommentForm = ({
         <RichTextField
           name="body"
           label="Comment"
-          tools={['paragraph', 'delimiter', 'marker', 'list']}
+          tools={['paragraph', 'delimiter', 'marker', 'list', 'mentions']}
           placeholder={placeholder}
           helperText={false}
         />

src/components/RichText/MentionsTool.tsx

@@ -0,0 +1,20 @@
+import { API } from '@editorjs/editorjs';
+
+class MentionsTool {
+  private readonly api: API;
+  private element: HTMLDivElement | null;
+  constructor({ api }: { api: API }) {
+    this.api = api;
+    this.element = null;
+  }
+
+  render() {
+    this.element = document.createElement('div');
+    this.element.textContent = "I'm a lil div";
+    this.element.classList.add(this.api.styles.inlineToolButton);
+    console.log('divvvvvv');
+    return this.element;
+  }
+}
+
+export default MentionsTool;

src/components/RichText/editorJsTools.ts

@@ -17,6 +17,7 @@ import SimpleImage from '@editorjs/simple-image';
 import Table from '@editorjs/table';
 import Warning from '@editorjs/warning';
 import { pick } from 'lodash';
+import MentionsTool from './MentionsTool';
 
 const defineTools = <T extends EditorConfig['tools']>(tools: T) => tools;
 
@@ -39,6 +40,7 @@ export const EDITOR_JS_TOOLS = defineTools({
   marker: Marker,
   // checkList: CheckList,
   delimiter: Delimiter,
+  mentions: MentionsTool,
   // inlineCode: InlineCode,
   // simpleImage: SimpleImage,
 });
@@ -52,4 +54,5 @@ export interface BlockDataMap {
   paragraph: { text: string };
   header: { text: string; level: 1 | 2 | 3 | 4 | 5 | 6 };
   list: { style: 'unordered' | 'ordered'; items: string[] };
+  mentions: { text: string };
 }