hack around TextAlignButton types

Author: YousefED

packages/react/src/FormattingToolbar/components/DefaultButtons/TextAlignButton.tsx

@@ -1,8 +1,7 @@
 import {
   BlockNoteEditor,
-  BlockSchema,
+  DefaultBlockSchema,
   DefaultProps,
-  PartialBlock,
 } from "@blocknote/core";
 import { useCallback } from "react";
 import { IconType } from "react-icons";
@@ -23,8 +22,8 @@ const icons: Record<TextAlignment, IconType> = {
   justify: RiAlignJustify,
 };
 
-export const TextAlignButton = <BSchema extends BlockSchema>(props: {
-  editor: BlockNoteEditor<BSchema>;
+export const TextAlignButton = (props: {
+  editor: BlockNoteEditor<DefaultBlockSchema>;
   textAlignment: TextAlignment;
 }) => {
   const setTextAlignment = useCallback(
@@ -37,12 +36,12 @@ export const TextAlignButton = <BSchema extends BlockSchema>(props: {
         for (const block of selection.blocks) {
           props.editor.updateBlock(block, {
             props: { textAlignment: textAlignment },
-          } as PartialBlock<BSchema>);
+          });
         }
       } else {
         props.editor.updateBlock(props.editor.getTextCursorPosition().block, {
           props: { textAlignment: textAlignment },
-        } as PartialBlock<BSchema>);
+        });
       }
     },
     [props.editor]

packages/react/src/FormattingToolbar/components/FormattingToolbar.tsx

@@ -1,14 +1,14 @@
 import { BlockNoteEditor, BlockSchema } from "@blocknote/core";
 import { Toolbar } from "../../SharedComponents/Toolbar/components/Toolbar";
-import { BlockTypeDropdown } from "./DefaultDropdowns/BlockTypeDropdown";
-import { ToggledStyleButton } from "./DefaultButtons/ToggledStyleButton";
-import { TextAlignButton } from "./DefaultButtons/TextAlignButton";
 import { ColorStyleButton } from "./DefaultButtons/ColorStyleButton";
+import { CreateLinkButton } from "./DefaultButtons/CreateLinkButton";
 import {
   NestBlockButton,
   UnnestBlockButton,
 } from "./DefaultButtons/NestBlockButtons";
-import { CreateLinkButton } from "./DefaultButtons/CreateLinkButton";
+import { TextAlignButton } from "./DefaultButtons/TextAlignButton";
+import { ToggledStyleButton } from "./DefaultButtons/ToggledStyleButton";
+import { BlockTypeDropdown } from "./DefaultDropdowns/BlockTypeDropdown";
 
 export const FormattingToolbar = <BSchema extends BlockSchema>(props: {
   editor: BlockNoteEditor<BSchema>;
@@ -22,9 +22,9 @@ export const FormattingToolbar = <BSchema extends BlockSchema>(props: {
       <ToggledStyleButton editor={props.editor} toggledStyle={"underline"} />
       <ToggledStyleButton editor={props.editor} toggledStyle={"strike"} />
 
-      <TextAlignButton editor={props.editor} textAlignment={"left"} />
-      <TextAlignButton editor={props.editor} textAlignment={"center"} />
-      <TextAlignButton editor={props.editor} textAlignment={"right"} />
+      <TextAlignButton editor={props.editor as any} textAlignment={"left"} />
+      <TextAlignButton editor={props.editor as any} textAlignment={"center"} />
+      <TextAlignButton editor={props.editor as any} textAlignment={"right"} />
 
       <ColorStyleButton editor={props.editor} />