Работа с библиотекой signal-slot-js

import React, { useState, useEffect, useRef, useCallback } from "react";
import { create, emit, connect } from 'signal-slot-js'
import CategoryFilter from "./CategoryFilter"
 
function Catalog(props: any, ref)
{
    var categoryFilter = React.createRef();
 
    connect({ sender: categoryFilter, signal: 'finished', receiver: () => doneTask(1) })
 
    const doneTask = (number) => {
        console.log('doneTask');
        console.log(number);
    }
 
    return (
        <React.Fragment>
            <p>Каталог</p>
            <CategoryFilter/>
        </React.Fragment>
    );
}
 
export default Catalog;

import React, { useState, useEffect, useRef, useCallback, useImperativeHandle, forwardRef } from "react";
import { create, emit, connect } from 'signal-slot-js'
 
function CategoryFilter(props: any, ref) {
 
    create(this, 'finished');
    
    const onClick = () => {
        console.log('onClick');
        emit(this, 'finished');
    }
 
    return (
        <React.Fragment>
            <button onClick={onClick}>Кнопка категорий фильтрации</button>
        </React.Fragment>
    );
}
 
export default CategoryFilter;

import React from 'react';
import { create, emit, connect } from './signal-slot-js';
 
class Task {
  constructor(public signal: string) {
    create(this, signal);
  }
  run() {
    emit(this, this.signal);
  }
}
 
const Sender = ({ task }: { task: Task }) => {
  return <button onClick={() => task.run()}>Click</button>;
};
const connectTo = (sender: Task, receiver: Function) => {
  connect({ sender, signal: sender.signal, receiver });
};
const Receiver = ({ name, task }: { name: string; task: Task }) => {
  const [state, setState] = React.useState('');
  React.useEffect(() => {
    const doSomething = () => {
      setState(`${name} got signal ${task.signal} at ${new Date().toString()}`);
    };
    connectTo(task, doSomething);
  }, []);
  return <>{state}</>;
};
 
const taskClick = new Task('click');
 
function App() {
  return (
    <>
      <Sender task={taskClick} />
      <Receiver name="Receiver1" task={taskClick} />
    </>
  );
}
 
export default App;