Property 'children' does not exist on type 'IntrinsicAttributes & WebPlaybackSDKProps

[chuettenrauch]

Hey there, first of all, thanks for this package!

I'd love to use it in my React 18.2.0 App, but I get the following error:

TS2322: Type '{ children: Element; initialDeviceName: string; getOAuthToken: (callback: (token: string) => void) => void; initialVolume: number; connectOnInitialized: true; }' is not assignable to type 'IntrinsicAttributes & WebPlaybackSDKProps'.   Property 'children' does not exist on type 'IntrinsicAttributes & WebPlaybackSDKProps'

My code is:

<WebPlaybackSDK
    initialDeviceName="Test device"
    getOAuthToken={getOAuthToken}
    initialVolume={1}
    connectOnInitialized={true}
>
    <TestPlay/>
</WebPlaybackSDK>

export default function TestPlay() {
    const player = useSpotifyPlayer();

    return (
        <>
            {player &&
              <div>
                <button onClick={() => player.resume()}>Resume</button>
                <button onClick={() => player.pause()}>Pause</button>
              </div>
            }
        </>
    )
}

Any ideas, what I'm missing? Or is this due to missing React 18 support?

Best regards

[zzulanas]

Also having this problem, would love to get an update on it

[chuettenrauch]

@zzulanas FYI: Adding @ts-ignore works as a temporary solution:

 /* @ts-ignore */
<WebPlaybackSDK
    initialDeviceName="Test device"
    getOAuthToken={getOAuthToken}
    initialVolume={1}
    connectOnInitialized={true}
>

[y-hiraoka]

Thanks for your reporting! I fixed it. https://github.com/y-hiraoka/react-spotify-web-playback-sdk/releases/tag/v3.0.2