useChannel hook can throw exception in the effect if connection is closed

[ttypic]

useChannel hook implicitly attaches when we provide channel listener. If connection is in the terminal state we throw unhandled exception in that case.

To reproduce problem we can use this code snippet:

function App() {
    const [client, setClient] = useState(
        () => new Ably.Realtime({
            key: <KEY>,
        })
    );
    const [count, setCount] = useState(0);

    useEffect(() => {
        setClient((prevClient) => {
            prevClient.close();
            return  new Ably.Realtime({key: <KEY>});
        });
    }, [count]);

    return (
        <AblyProvider client={client}>
            <ChannelProvider channelName="get-started">
                <div>
                    <button onClick={() => setCount(count + 1)}>
                        force client reload {count}
                    </button>
                </div>
                <br />
                <AblyPubSub />
            </ChannelProvider>
        </AblyProvider>
    );
}

function AblyPubSub() {
    const [messages, setMessages] = useState([]);
    const { channel } = useChannel("get-started", "first", (message) => {
        setMessages((previousMessages) => [...previousMessages, message]);
    });
    return (
        <div>
            <button
                onClick={() => {
                    channel.publish("first", "Here is my first message!");
                }}
            >
                Publish
            </button>
            {messages.map((message) => {
                return <p key={message.id}>{message.data}</p>;
            })}
        </div>
    );
}

┆Issue is synchronized with this Jira Task by Unito