Braze SDK Web Application in Next.js SSR

Question

I'm trying to get some images from Braze dashboard (Content Card banner), but when I'm calling all the necessary functions, will pop-up a default UI card (imagine those adds from forums with promotions, click this button etc).

Here is an example of the code:

const [cards, setCards] = useState<any[]>([])

useEffect(() => {
     showContentCards(document.getElementById('content-card')!) // without this, I can't use the bellow function.

     subscribeToContentCardsUpdates((events: unknow) => {
     setCards(events)
   })
  openSession()
}, [])

console.log(cards)

showContentCards() is expectic a argument, but I don't need they default style. I need just the data from subscribeToContentCardsUpdates().

So, I've install all what is necessary to use this tool from bellow link:

https://www.braze.com/docs/developer_guide/platform_integration_guides/web/initial_sdk_setup/#step-1-install-the-braze-library

An also I've respect how to implement the Content Card but no luck at all... They documentation is super bad, almost without examples. There are some examples, but super vague.

Help?

........................