Error when rendering JS interop component

Hi

Im trying to create an interop for this Button component (https://atlaskit.atlassian.com/packages/core/button). I can create facades for other components successfully, but I have no clue why this one failed. I tried to debug for a few hours, but I can’t seem to find a solution.

Its just a very simple component, equivalent in JS

import Button from "@atlaskit/button"

<Button>Click Here</Button>

My scala js interop

object Button {

  @JSImport("@atlaskit/button", JSImport.Default)
  @js.native
  object RawComponent extends js.Object

  val component = JsComponent[Null, Children.Varargs, Null](RawComponent)
}

got an error

Uncaught TypeError: Cannot read property 'ctor__Ljapgolly_scalajs_react_CtorType' of null

I’ve created a small project to replicate the problem here (https://github.com/allantl/scala-js-interop)

[japgolly]

That’s great to know, thanks for sharing. This will be resolved in the next release.

Speaking of which, I meant to have the next release down by now but life popped up and I was preparing for a talk which I gave at an FP conference just this week (yay). I should have some more free time again now so I’ll be focusing on scalajs-react again as my main priority. Soon…

And thanks for the feedback, I’m very happy to hear that you’re enjoying the library. Cheers

[allantl]

@japgolly FYI, I’ve found out why the component doesn’t work. The library exposes the component in React.forwardRef.

In JS,

<Button>Click Here</Button>

will render successfully, even though no ref is passed.

I guess I’ll be waiting for this to be supported. Thanks for the good work so far!