What is the error /problem?

@U036UJBDM5G :.classy is a dom/ specific notation

["echarts-for-react" :default ReactECharts]

(def chart (interop/react-factory ReactECharts))

(chart
  {:option {:xAxis {:type "category"
                    :data ["MON" "TUE" "WED" "THUR" "FRI" "SAT" "SUN"]},
            :yAxis {:type "value"},
            :series [{:data [150, 230, 224, 218, 135, 147, 260],
                      :type "line"}]}})

I threw the :.classy in there while troubleshooting, but never took it out. I got it working. The error was a component missing an empty map for props. @U4VT24ZM3 was right. It was not going work with that in there. Cheers for all your help!

For what it's worth, we just use echarts directly, without the react-wrapper. Needs just one useEffect to update the data/options, if those change.

I never felt the need 😅 I keep as much logic as possible in pure fns

you can: • use @testing-library/react for creating and firing events, querying dom elements, waiting for dom elements to reach certain states • keep the logic out of components so you can test it in isolation, I'd recommend this for things that don't inherently deal with the dom a lot (i.e ok for fancy credit card input element) because actually testing dom is heavy and you'd rather tests are lightweight. • use the new chrome devtools "recorder" functionality to create click-through user stories for more end-to-end stuff or some framework that does this.