tb.dispose() in dev mode not working.

[DevArt002]

According to your advice, I open issue again.

I am using threebox-plugin for 3d visualization on mapbox. It is integrated with React SPA.
Whenever page is refreshed/reloaded or navigated to another page, tb should be disposed.
When I refresh the page with F5 or CMD+R manually, tb.dispose() works. But whenever the page is refreshed during React development, it doesn't work.

Below I described code snippets:

Class that contains threebox-plugin implementation:

class ThreeboxController {
  ...
  dispose(): void {
    window.tb.dispose();
    window.tb = {};
  }
  ...
}

In react component:

useEffect(() => {
  return () => {
    threeboxController.dispose();
  };
}, []);

(It means that threebox should be disposed whenever page is unmounted)

In dev mode, whenever I change some code and save it, the React page is refreshed automatically. But it shows error:

Screenshots:

[jscastro76]

I will investigate this one... it seems scene.dispose has been removed from THREE

[DevArt002]

Thank you @jscastro76

[jscastro76]

Found... Apparently scene.dispose() was removed in three.js r122, but the migration guide.

Easy to solve... resolving it directly to include it in the next release v2.2.2. that I want to upload tomorrow.

[DevArt002]

Awesome! I am excited with v2.2.2.

[jscastro76]

Please @DevArt002 check if the new module v2.2.2 has solved your issue