role and permission based on team

[ChaerilM]

i have jetstream livewire app, i have seeded role, permission, and roles_has_permission table, all of them using guard sanctum.
team permission middleware had something like this

        if (! empty(auth()->user())) {
            setPermissionsTeamId(auth()->user()->currentTeam->id);
        }

HasRoles is set on User model, middlewarePriority is set, and teampermission is before subtitutebindings, added teampermission in web middleware.
my problem is that auth()->user()->roles would return empty collection, what did i missed?, i have tried changing guard to web but it still does not work.

my permission look like this, although team_id null label is supposed to be team 4, and it label should be after team 3.

Seems that i need to add roles to user and permission to user manually regardless i use team or not, which make using team permission is useless.

[ChaerilM]

    public function teamRole(): HasOne
    {
        return $this->currentTeam->hasOne(Role::class, 'team_id', 'id');
    }

    public function teamPermissions(): BelongsToMany
    {
        return $this->teamRole->belongsToMany(Permission::class, 'role_has_permissions', 'role_id', 'permission_id');
    }

went on making my own team permission. :(