The function sp.web.currentUserHasPermissions is undefined

[Srutututu]

What version of PnPjs library you are using

4.x

Minor Version Number

8.0

Target environment

SharePoint Framework

Additional environment details

SPFX 1.20; Node 18.19.1; Typescript 4.7.4.

Question/Request

I've installed PnPJS in my SPFX app according to the example here:
https://github.com/pnp/pnpjs/blob/version-4/samples/spfx-react-components/README.md

Then I wanted to get the current user permissions using the documentation here:
https://pnp.github.io/pnpjs/sp/permissions/#user-has-permissions

Modules I imported are:

I then try to run a simple function (after initializing _sp), exactly as in the documentation:

const currentUser = await this._sp.web.currentUser();
const isOwner = await this._sp.web.userHasPermissions(currentUser.LoginName, PermissionKind.ManagePermissions);

Here however I get the exception "userHasPermissions is not a function" in the Console, and "undefined" when debugging.

It's clearly not correctly imported. How do I import "userHasPermissions" and "currentUserHasPermissions" in PnP 4.0?

[bcameron1231]

Hi. It looks like our docs may be missing the import in a couple of the examples.

Make sure to import

import "@pnp/sp/security";