Clojurians Log v2

hello, I bumped shadow in a project and now I'm getting this: Namespace imports (goog:some.Namespace) cannot use import * as. Did you mean to import d3 from 'goog:module$node_modules$d3$dist$d3_node';? Any idea why? The line it points out have this: import * as d3 from "d3";

@wilkerlucio should be import d3 from "d3", unfortunately the closure folks made that change in a strict way. cant' cheat anymore

thanks, that fixes it 🙏

When I compile a small piece of code with

:target           :browser
                         :compiler-options {:output-feature-set :es6}
                         :js-options       {:babel-preset-config {:modules "commonjs"
                                                                  :targets "chrome > 70"}}

if ("undefined" !== typeof Symbol) {
        var c = Symbol;
        "object" != typeof c || !c || c instanceof Array || c instanceof Object || Object.prototype.toString.call(c)
    }

something in cljs.core. look for js/Symbol dunno why its not removed either.

So I've recently migrated to shadow-cljs in order to use NPM packages with reagent. I've managed to port over all my previous dependencies from cljsjs, but when I try to use this project: https://github.com/weknowinc/react-bubble-chart-d3 I get an error like this

Assert failed: Component must not be nil

(ns goodstats.stats
  (:require [reagent.ratom :as ratom]
            [reagent.core :as reagent]
            [ajax.core :as ajax]
            [clojure.edn :as edn]
            ["@weknow/react-bubble-chart-d3" :refer (BubbleChart)]
            ["recharts" :as recharts]))



(def BubbleChart (reagent/adapt-react-class BubbleChart))

Also, in another dependency I have the following issue:

The required JS dependency "core-js/es6/math" is not available, it was required by "node_modules/recharts/lib/polyfill.js".

Dependency Trace:
        goodstats/index.cljs
        goodstats/stats.cljs
        node_modules/recharts/lib/index.js
        node_modules/recharts/lib/polyfill.js

(:require ["core-js/es6/math"])

The required JS dependency "core-js/es6/math" is not available, it was required by "goodstats/index.cljs".

Dependency Trace:
        goodstats/index.cljs

Is that :refer (BubbleChart) on purpose? Instead of :refer [BubbleChart]?

I got it from here

On the shadow-cljs start page

Ah. I just had a look at the npm page and it looks like BubbleChart is the default import So, try :default BubbleChart

I tried both suggestions and unfortunately the error persists

maybe try :as BubbleChart as well?

I remember having to do :as Blah when I thought I needed :default Blah

That was the first thing I've tried to no avail 🙂

I'd be interested to know how people go about debugging issues like this

one other thing to check is, maybe the import is fine but the issue is caused by something else. After importing it, can you do a (print BubbleChart)? Just to check if it really is nil

Hmm, it seems that it returns a function. The console log points to this

But in the REPL it's nil