I was wanting to implement &lt;<https://www.npmjs.com/package/react-progressive-graceful-image>&gt; ...

# react

[Jesse McKee]

I was wanting to implement <https://www.npmjs.com/package/react-progressive-graceful-image> into my project.
I have ported over a few other libraries, but they all seem to be different.
This one exports a class extending Component<Props,State>
I've been used to using FC, and importing as a ComponentClass, but I'm not sure that is going to work here because of the Separate State?
I didn't notice any examples in the wrappers github that lined up with this either.
Would appreciate any advice, tysm.

[turansky]

State - private type in fact

[turansky]

What you need is:

@file:JsModule("react-progressive-graceful-image")

external interface ProgressiveImageProps: Props {
   // ...
}
@JsName("default")
external val ProgressiveImage: ComponentClass<ProgressiveImageProps>

[Jesse McKee]

I was actually a bit more unclear on how I would use {(src) => <img src={src} alt="an image" />} in kotlin?
as apart of the larger

<ProgressiveImage src="large-image.jpg" placeholder="tiny-image.jpg">
  {(src) => <img src={src} alt="an image" />}
</ProgressiveImage>

Everything else is pretty clear, I assume this is the children? I'm a little unsure how to bring this over and use it since the src in the example I believe is a prop that switches between the passed src and placeholder in the original component.

[turansky]

It’s chidren signature

[turansky]

You can set function in children property

children = { src -> ... }

[Jesse McKee]

Well that'll do it, talk about a brain fart. Thanks