How to use the @sentry/browser.lastEventId function in @sentry/browser

componentDidCatch (error, errorInfo) {
        // Display fallback UI
        Sentry.withScope(scope => {
            Object.keys(errorInfo).forEach(key => {
                scope.setExtra(key, errorInfo[key]);
            });
            Sentry.captureException(error);
        });
        this.setState({
            hasError: true,
            errorId: Sentry.lastEventId()
        });
        log.error(`Unhandled Error: ${error}, info: ${errorInfo}`);
    }

<div>{message}</div>

          {showFooter &amp;&amp; (
            <div>
              <div>
                {onRetry &amp;&amp; (
                  <a>
                    {t('Retry')}
                  </a>
                )}
              </div>

              {!hideSupportLinks &amp;&amp; (
                <div>
                  {Sentry.lastEventId() &amp;&amp; (
                    <button>
                      {t('Fill out a report')}
                    </button>
                  )}
                  <a href="https://status.sentry.io/">{t('Service status')}</a>

                  <a href="https://sentry.io/support/">{t('Contact support')}</a>
                </div>
              )}
            </div>
          )}
        
      
    );
  }
}