Importing from different files creates multiple stores.

[mayank1513]

• three version: latest
• @react-three/fiber version: latest
• @react-three/drei version: latest
• node version: 18
• npm (or yarn) version: 1.22.19

Problem description:

I want to import { Loader } from "@react-three/drei/web/Loader" for better treeshaking. But this creates an isolated store.

Similarly, I want to import { KeyboardControls } from "@react-three/drei/web/KeyboardControls". This also creates an isolated store.

For more details, please see https://treeshakable.vercel.app/

Relevant code:

let your = (code, tell) => `the ${story}`

Suggested solution:

I will create a fix using treeshakable.

[mayank1513]

#1981

WIP - working on KeyboardControls

Completed - useProgress and Loader

[github-actions]

Thank you for contributing! We’re marking this issue as stale as a gentle reminder to revisit it and give it the attention it needs to move forward.

Any activity, like adding an update or comment, will automatically remove the stale label so it stays on our radar.

Feel free to reach out on Discord if you need support or feedback from the community. This issue will close automatically soon if there’s no further activity. Thank you for understanding and for being part of the project!