Subscribe to real-time events in Nextjs is very unclear

[rpostulart]

Describe the content issue:
The explanation about data subscription with nextjs with client components and server components is very unclear. I can't get it working with the information on this page. For example I try to set up a notifications component and want to listen to new notifications and show a red circle on the message icon when new notifications are coming in.

URL page where content issue is:
https://docs.amplify.aws/nextjs/build-a-backend/data/subscribe-data/

[rpostulart]

An example somewhere would also be fine for now. I am looking for a way to move forward.