I am trying to reproduce the foreign-libs + webpack setup here http://blob.tomerweller.com/reagent-import-react-components-from-npm, but with the latest versions of all deps. My rendering function looks like this:

(defn home-page []
(let [react-player (aget js/window "deps" "react-player")]
[:div
[:h2 "Welcome to Reagent"]
[:> react-player {:url ""}]
]))

Error: Assert failed: Expected React component in: [:> #js {:default #object[t]} {:url ""}]
(in mystyle.core.home_page)
(or (string? comp) (fn? comp))

@raheel well, it is considered bad practice to use aget for js field access like that. See https://clojurescript.org/news/2017-07-14-checked-array-access

Not that I think that is your issue

(:require [goog.obj :as gobj]) (gobj/getValueByKeys js/window "deps" "react-player")

I don’t believe I see the problem otherwise;

hmm. Yeah guess I am trying to figure out the error message. I believe that the Webpack part of dependency injection is working fine. And it’s my usage in the hiccup that’s off.

thanks for the aget usage pointer