Why JustWatch widget have a white background ?

Unanswered

California pilchard posted this in #help-forum

California pilchardOP

2025-01-18T10:21:08.167Z

Okay I try to add a JustWatch widget in my nextjs app, there is the code :

<div className="p-2">
            <div data-jw-widget
                data-api-key={process.env.NEXT_PUBLIC_JUSTWATCH_API_KEY}
                data-object-type={type}
                data-id={id}
                data-id-type={idType}
                data-max-offers={maxOffer}
                data-theme={'dark'}
                data-language={locale}
                data-scale="0.8"
            />
            <script async src="https://widget.justwatch.com/justwatch_widget.js" id="ok"></script>
        </div>

But the result give me this :

2 Replies

California pilchardOP

2025-01-18T10:21:29.371Z

But I dont understand why I have a white background

In the codepen everything work as expected :
https://codepen.io/Victor-Tejeda-Cosme/pen/PoxoyRq

So I guess there is something wrong with react or nextjs and iframe