overleaf/services/web/frontend/js/features/chat/controllers/chat-controller.js

import App from '../../../base'
import { react2angular } from 'react2angular'

import ChatPane from '../components/chat-pane'

App.controller('ReactChatController', function($scope, ide) {
  $scope.resetUnreadMessages = () =>
    ide.$scope.$broadcast('chat:resetUnreadMessages')
})

App.component('chat', react2angular(ChatPane))