deps: bump react-bus from 3.0.0 to 4.0.0 (#3166)

* deps: bump react-bus from 3.0.0 to 4.0.0

Bumps [react-bus](https://github.com/goto-bus-stop/react-bus) from 3.0.0 to 4.0.0.
- [Release notes](https://github.com/goto-bus-stop/react-bus/releases)
- [Changelog](https://github.com/goto-bus-stop/react-bus/blob/default/CHANGELOG.md)
- [Commits](goto-bus-stop/react-bus@v3.0.0...v4.0.0)

---
updated-dependencies:
- dependency-name: react-bus
  dependency-type: direct:production
  update-type: version-update:semver-major
...

Signed-off-by: dependabot[bot] <[email protected]>

* Fix type

---------

Signed-off-by: dependabot[bot] <[email protected]>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Renée Kooi <[email protected]>

package.json

@@ -63,7 +63,7 @@
     "react": "^18.0.0",
     "react-abstract-autocomplete": "^2.0.3",
     "react-async-hook": "^4.0.0",
-    "react-bus": "^3.0.0",
+    "react-bus": "^4.0.0",
     "react-dom": "^18.0.0",
     "react-google-button": "^0.8.0",
     "react-markdown": "^9.0.1",

src/components/Chat/ChatMessages.tsx

@@ -83,7 +83,8 @@ function ChatMessages({
 
   // Accept externally controlled scrolling using the global event bus, so the chat input box
   // can tell us to scroll up or down.
-  const handleExternalScroll = useCallback((direction?: number | 'start' | 'end') => {
+  const handleExternalScroll = useCallback((arg: unknown) => {
+    const direction = arg as number | 'start' | 'end';
     const el = container.current;
     if (!el || direction == null) {
       return;