Bug: Collaboration Plugin does not update the provider when providerFactory is updated.

[matsuyama-k1]

Lexical version: 0.23.1

Steps To Reproduce

1. Update providerFactory during collaboration.
2. Provider is not updated.

The current behavior

Provider is not updated by updationg providerFactory.
This behavior caused by this line.

The expected behavior

Provider can be updated when providerFactory is updated.

The problem I hit

I want to update providerFactory every time when id token is updated to prevent connection lost.
So I write the code like below.

const MyCollaborationPlugin = () => {
  const idToken = useIdToken();

  // This function updates triggered by update of token.
  const providerFactoryFunction = useCallback(
    (id: string, yjsDocMap: Map<string, Doc>) => {
      const doc = getDocFromMap(id, yjsDocMap);

      return new WebsocketProvider('wss://test.com', id, doc, {
        connect: false,
        params: {
          id_token: idToken,
          item_id: id,
        },
      });
    },
    [idToken],
  );

  return <CollaborationPlugin providerFactory={providerFactoryFunction} id="dummyId" shouldBootstrap={true} />;
};

However, lexical implementation looks like preventing update provider. So I want to remove the line if it is possible.

Impact of fix

In the current implementation, if the ID token is updated after the WebSocket connection has been established and the connection is subsequently lost, the providerFactory isn’t updated.
As a result, the query parameter for the ID token remains outdated, preventing the connection from being re-established. With solving this issue, updating the ID token will allow the connection to be restored.

[matsuyama-k1]

related to #6271

[matsuyama-k1]

I found the way to bypass regeneration of provider factory.
I forked y-websocket and changed the behavior of its onClose function to refetch the idToken when it reconnects.

in y-websocket

    websocket.onclose = async (event) => {
      // ...

      if (provider.shouldConnect) {

        // Fetch new id token when WebSocket disconnects.
        const token = await fetchAuthToken();
        if (token) {
          provider.params = {
            ...provider.params,
            id_token: token,
          };
        }

        setTimeout(
          (provider) => {
            setupWS(provider);
          },
          math.min(math.pow(2, provider.wsUnsuccessfulReconnects) * 100, provider.maxBackoffTime),
          provider,
        );
      }
    };