gadfly361 / baking-soda Goto Github PK

Hi Matthew,
We are really excited about using Baking Soda for a proof of concept project after reading about it on /r/clojure. Thank you for creating it. I built a page to start "kicking the tires" and found an issue with the Alert component. When we use Alert, we get a javascript error along the lines of "you created a component outside of render or you have 2 instances of react" which is baffling since it is a simple control and is clearly inside the main component -- see the error below.

I have created a minimal reagent project to demonstrate this issue: https://github.com/jeffmad/baking-soda-test

To reproduce the error clone it, cd into baking-soda-test, lein figwheel, open Chrome devtools, navigate to http://localhost:3449/ and see the error below. If you comment out the [b/Alert ...], the error goes away. I tried to figure out what is happening by looking at reactstrap, but it seems to work fine as a node app. Do you have any idea how to track the error down?

Uncaught Error: addComponentAsRefTo(...): Only a ReactOwner can have refs. You might be adding a ref to a component that was not created inside a component's render method, or you have multiple copies of React loaded (details: https://fb.me/react-refs-must-have-owner).
at invariant (react-dom.inc.js:17896)
at Object.addComponentAsRefTo (react-dom.inc.js:10749)
at attachRef (react-dom.inc.js:11687)
at Object.ReactRef.attachRefs (react-dom.inc.js:11706)
at ReactCompositeComponentWrapper.attachRefs (react-dom.inc.js:11519)
at CallbackQueue.notifyAll (react-dom.inc.js:948)
at ReactReconcileTransaction.close (react-dom.inc.js:11398)
at ReactReconcileTransaction.closeAll (react-dom.inc.js:14790)
at ReactReconcileTransaction.perform (react-dom.inc.js:14737)
at batchedMountComponentIntoNode (react-dom.inc.js:9779)

Instead of doing this:

[reagent "0.6.0" :exclusions [cljsjs/react]]
[cljsjs/react-with-addons "15.4.2-2"]
[cljsjs/react-dom "15.4.2-2"]
[baking-soda "0.1.1"]

I had to do this:

[reagent "0.6.0" :exclusions [cljsjs/react]]
[cljsjs/react-with-addons "15.4.2-2"]
[cljsjs/react-dom "15.4.2-2" :exclusions [cljsjs/react]] ; Exclude react here as well.
[baking-soda "0.1.1"]

Is this just me? If so, why? If not, maybe tweak the readme?