react-notification-system on Rails

"scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "build:js": "esbuild app/javascript/*.* --bundle --sourcemap --outdir=app/assets/builds --loader:.js=jsx"
  },

import React from 'react';
import NotificationSystem from 'react-notification-system';
import { createRoot } from 'react-dom/client'

export default class MyComponent extends React.Component {
  notificationSystem = React.createRef();

  addNotification = event => {
    event.preventDefault();
    const notification = this.notificationSystem.current;
    notification.addNotification({
      message: 'Notification message',
      level: 'success'
    });
  };

  render() {
    return (
      <div>
        <button onClick={this.addNotification}>Add notification</button>
        <NotificationSystem ref={this.notificationSystem} />
      </div>
    );
  }
}

createRoot(document.getElementById('root')).render(<MyComponent/>);