addDisposer not called after test completion?

[cmdcolin]

I was trying to do some tests but I noticed that the 'disposer' of the addDisposer system is not called when a test is done. Is there anything that would help to make the disposer happen after a test is done? I'm using jest

main file

import { addDisposer, types } from "mobx-state-tree";

const model = types
  .model({
    a: 1,
    b: 2,
  })
  .actions((self) => ({
    afterCreate() {
      console.log("create");
      addDisposer(self, () => {
        console.log("destroy"); // never called
      });
    },
  }));

export default function App() {
  const m = model.create();
  return <div>Hello world</div>;
}

test file

import { render, screen } from "@testing-library/react";
import App from "./App";

test("ret1", () => {
  render(<App />);
  const linkElement = screen.getByText(/hello world/i);
  expect(linkElement).toBeInTheDocument();
}

repro here https://github.com/cmdcolin/jest-adddisposer-issue-test

[cmdcolin]

note that I have an odd purpose which is adding a keyboard shortcut in the afterCreate, and then ideally cleaning it up in the addDisposer callback, but i was just getting some weird test behavior due to this disposer not being called

[cmdcolin]

Actually found a self answer, somewhere high up in my tree I can call destroy in a useEffect

import { addDisposer, destroy, types } from "mobx-state-tree";
import { useEffect, useState } from "react";

const model = types
  .model({
    a: 1,
    b: 2,
  })
  .actions((self) => ({
    afterCreate() {
      console.log("create");
      addDisposer(self, () => {
        console.log("destroy"); // never called
      });
    },
  }));

export default function App() {
  const [myModel, setMyModel] = useState();
  useEffect(() => {
    const m = model.create();
    setMyModel(m);
    return () => {
      destroy(m); // causes the addDisposer to be called
    };
  }, []);
  return <div>Hello world</div>;
}