I've been playing with this code. It is great for learning React, d3 and Mobx 👍

However, I have some experience with d3 and one thing that is challenging with d3 is making "re-usable" components. I spent about 6 months once building a reusable d3 charting library (that never saw the light of day). For some reason, I assumed React would automagically solve the "reusability" issue. However, when I inserted a second MobxProvider, the marbles are linked so it is just two identical copies of the same marble dynamics. Is there an easy way to encapsulate things so two instances of MobxProvider show different marble dynamics, e.g. two separate games of billiards simultaneously?