three and web are incompatible

🐛 Bug Report

react-spring/web is not working when a @react-spring/three happens before, unless both is happeing in the same file. From here on this is just wild guessing from my side why this happens.

I am using react spring for a web and a threejs context. Respectivly importing both with

import { animated, useTransition, config, useSpring } from "@react-spring/web";
// or
import { useSpring, animated, config } from "@react-spring/three";

To Reproduce

Import a animated three component and a animated web component. The useSpring web component stops working:

Expected behavior

Importing react-spring/three and react-spring/web both enable working springs no matter if imported from different files.

Link to repro (highly encouraged)

Working animations: https://codesandbox.io/s/single-file-69el5?file=/src/App.js
Non Working example: https://codesandbox.io/s/multi-file-11oph?file=/src/App.js

Environment

• react-spring v9.2.3
• react v17.0.2

Start by running the linked single-file and multi-file CodeSandbox reproductions and compare imports from react-spring/web and react-spring/three. Trace the package entry points involved in those imports and verify that web springs still work when the three component is imported first; done means both reproductions animate correctly regardless of file boundaries or import order.