here is the export of the component in question from the npm package: https://github.com/katspaugh/wavesurfer-react/blob/main/src/index.tsx#L193

my code compiles OK and there are no error messages or warnings until the code tries to create a WaveSurferPlayer component: Warning: React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.

Have you worked through the scenarios here: https://shadow-cljs.github.io/docs/UsersGuide.html#js-deps

When I am unsure, I put the resulting symbol in a js/console.log and that usually clears up what is going on

Hmmm

https://github.com/katspaugh/wavesurfer-react/blob/main/src/index.tsx#L193

if exported with default then do we require it differently?

I’m guessing the first example applies to you

The one using module-name$default

success

I required as so : ["@wavesurfer/react" :default WavesurferPlayer]

But but ["@wavesurfer/react$default" :as WavesurferPlayer] works too

I’m just a user myself, so I don’t understand the difference, but glad it’s sorted

I keep that section of the doc handy, though. Use it all the time

thanks so much for your help @U13AR6ME1

what confused me is how similar a default import looks to a named import in js! see usage examples here for the component. https://github.com/katspaugh/wavesurfer-react/tree/main

import WavesurferPlayer from '@wavesurfer/react'