How do I configure reconnect logic for SignalR within an angular 8 project?

Question

I'm using

    "@aspnet/signalr": "^1.1.4",

in Angular 8 project.

Unfortunately it appears the documentation is out of date?

https://learn.microsoft.com/en-us/aspnet/core/signalr/javascript-client?view=aspnetcore-3.1

The documentation claims there is a method

withAutomaticReconnect()

to be used as

const connection = new signalR.HubConnectionBuilder()
    .withUrl("/chatHub")
    .withAutomaticReconnect()
    .build();

However, when I attempt to enter this in I get

Property 'WithAutomaticReconnect' does not exist on type 'HubConnectionBuilder'

Is this a documentation out of date issue? Or am I misunderstanding the configuration?

Here is my exact code BEFORE trying to add this method

    private _hubConnection: HubConnection;

...

        this._hubConnection = new HubConnectionBuilder()
        .withUrl(this.myAPIUrl + '/myHub', { accessTokenFactory: () => tokenFromCache })
        .configureLogging(signalR.LogLevel.Error)
        .build();

Answer 1

The documentation you reference uses npm package "@microsoft/signalr" whereas yours uses "@aspnet/signalr"

Answer 2

you need a more up to date version, I believe it is version 3, just run the following command inn your terminal I am using it with a react front end.

npm install @microsoft/signalr