'How can I send pusher beams browser notification alerts with nextjs?

I'm implementing Pusher-Beams with next.js using authenticated users flow exactly as described in beams docs, and I got in the browser console client is subscribed and registered successfully.

However at pusher-beams debug-console website page I have these messages when I click on push notification button and nothing shown in my application,

image

I don't know what exactly I'm doing wrong here?!! and why I keep getting device de-registered message?

Note: I've tried with Chrome, Firefox and Brave but it is not working.

reactjsnext.jsservice-workerpusherpusher-js


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source

Related Questions

Pusher: Trigger pusher events from android app

I have project created by laravel 8 ,and i use JWT for my API ,now i can't install pusher because of JWT version

React Router with optional path parameter

react-dropzone: isDragReject is true when accept csv?

React: Perform action, only once, when html element is clicked

How do you re-render DatePicker with updated defaultValue?

React-Native-Maps not showing on Android Emulator or real device

Having services in React application

Recommendations to get React input test

Recommendations to get React input test

Webpack 5 & Jest - Property 'toBeInTheDocument' does not exist on type 'JestMatchers<HTMLElement>'

Webpack 5 & Jest - Property 'toBeInTheDocument' does not exist on type 'JestMatchers<HTMLElement>'

Mui-datatables Material-UI: the page prop of a TablePagination is out of range

react router's location state becomes undefined on change of route

Using webpack to load CSS files from node modules