@mrchance that's a common problem

it means that you have multiple versions of React in your project

this could be for a variety of reasons

are you using a lib packaged on cljsjs?

these sometimes inadvertently bundle a version of react

Hi, no, I am reasonably sure that's not the reason. npm ls react shows only one version, and I am not using any cljsjs dependencies

Same for react-dom

@pesterhazy ⬆️

I'll bet you EUR 10 that's the problem

If I don't use the tabs, but other react bootstrap components I also don't get the error

Haha, you're on 😄

How can I make sure?

are you using webpack?

No, it's an electron app. Only package.json and npm install

"dependencies": {
       "react": "^15.2.1",
       "react-bootstrap": "^0.31.0",
       "react-codemirror2": "0.0.9",
       "react-dom": "^15.2.1"
     }

that's an awfully old version of react

try updating to 15.4.2

It's the one reagent uses, so...

well reagent comes with a dependcy on react

https://github.com/reagent-project/reagent/blob/master/package.json

did you exclude that?

try lein deps :tree

oh nuuuh 😄

[reagent "0.6.1"]
   [cljsjs/react-dom-server "15.4.0-0"]
   [cljsjs/react-dom "15.4.0-0"]
     [cljsjs/react "15.4.0-0"]

try adding

:exclusions [cljsjs/react cljsjs/react-dom cljsjs/react-dom-server]

you'll also need to add surrogate namespaces

surrogate namespaces...?

like that: https://github.com/pesterhazy/double-bundle/compare/init...master#diff-5ef6b69d264f786c496e5b32b71dcea7

I don't mind upgrading the npm react version too if that fixes it..

^^ updated

this is not about different versions

I think

it's about two instances of react coexisting in the same js runtime

basically you need these empty .cljs files so that the cljs compiler won't complain that the nss are missing

ah, ok... Maybe it's a better idea to just use the cljsjs versions of react in the rest of the code then? Or does that not work because codemirror will bring their own?

that's right, it probably won't work

Ok, I'll try that later, thanks for the help. I'll probably need your paypal, just in case 😉

💸 📫

haha

you may also need to do something like window.React = require("react"); window.ReactDOM = require("react-dom");

... before reagent get loaded, so that reagent can find the npm provided version of react

uh oh. All very straightforward, isn't it 😄

Ok, can probably squeeze that in the electron init code

yeah it's a bit of a song and dance

isn't there a cljs electron template that does this for you?

There is, but it didn't anticipate me needing npm deps : )

I used this one as inspiration https://github.com/Gonzih/cljs-electron