fix error on checkbox checked change

src/__test__/plugin.test.js

@@ -430,15 +430,19 @@ describe("draft-js-markdown-plugin", () => {
         afterEach(() => {
           CheckableListItemUtils.toggleChecked.mockRestore();
         });
-        it("returns renderer", () => {
+        it("returns renderer", async () => {
           type = "checkable-list-item";
           data = { checked: true };
           const renderer = subject();
           expect(typeof renderer).toBe("object");
           expect(renderer.component).toBe(CheckableListItem);
           expect(typeof renderer.props.onChangeChecked).toBe("function");
           expect(renderer.props.checked).toBe(true);
-          renderer.props.onChangeChecked();
+          const event = new Event("change", { bubbles: true });
+
+          event.simulated = true;
+          renderer.props.onChangeChecked(event);
+          await new Promise(resolve => setTimeout(() => resolve()));
           expect(spyOnChangeChecked).toHaveBeenCalledWith(
             currentEditorState,
             block

src/index.js

@@ -297,10 +297,17 @@ const createMarkdownPlugin = (_config = {}) => {
           return {
             component: CheckableListItem,
             props: {
-              onChangeChecked: () =>
-                setEditorState(
-                  CheckableListItemUtils.toggleChecked(getEditorState(), block)
-                ),
+              onChangeChecked: e => {
+                e.preventDefault();
+                setTimeout(() =>
+                  setEditorState(
+                    CheckableListItemUtils.toggleChecked(
+                      getEditorState(),
+                      block
+                    )
+                  )
+                );
+              },
               checked: !!block.getData().get("checked"),
             },
           };