Extending profile page throws an exception: Unable to find component: `[app.filament.pages.auth.edit-profile]`

[afbora]

Package

filament/filament

Package Version

3.2.133

Laravel Version

11.38.2

Livewire Version

3.5.12

PHP Version

8.4.3

Problem description

I'm trying to extend profile form page via https://filamentphp.com/docs/3.x/panels/users#customizing-the-authentication-features documentation. I did exactly the same as the example in the document, but it still gives an error: Unable to find component: [app.filament.pages.auth.edit-profile]

Expected behavior

The custom profile page should not give any errors.

Steps to reproduce

Follow the Customizing the authentication features section in the https://filamentphp.com/docs/3.x/panels/users#customizing-the-authentication-features

use App\Filament\Pages\Auth\EditProfile;
use Filament\Panel;
 
public function panel(Panel $panel): Panel
{
    return $panel
        // ...
        ->profile(EditProfile::class);
}

<?php
 
namespace App\Filament\Pages\Auth;
 
use Filament\Forms\Components\TextInput;
use Filament\Forms\Form;
use Filament\Pages\Auth\EditProfile as BaseEditProfile;
 
class EditProfile extends BaseEditProfile
{
    public function form(Form $form): Form
    {
        return $form
            ->schema([
                TextInput::make('username')
                    ->required()
                    ->maxLength(255),
                $this->getNameFormComponent(),
                $this->getEmailFormComponent(),
                $this->getPasswordFormComponent(),
                $this->getPasswordConfirmationFormComponent(),
            ]);
    }
}

And go to profile page and type any password and wait 500ms (since 500ms debounce). You'll get the error.

Clue about the issue, maybe you have an idea: Error is gone when removed the ->live() method in getPasswordFormComponent() method.

Reproduction repository (issue will be closed if this is not valid)

https://github.com/filamentphp/demo

Relevant log output

[VladimirBazhenov]

Try to put the class file according to the instructions.

And if the namespace is capitalized, for example Dashboard, make sure that the panel id is also capitalized:
return $panel ... ->id('Dashboard') ...

[bdsoha]

I am having the same issue and it only started happening after a recent release.

[afbora]

@VladimirBazhenov I've no tenancy setup. This is new filament app and namespaces are correct.

[VladimirBazhenov]

It uses the same mechanism, try it.

[afbora]

I opened the codes to try the tenancy solution @VladimirBazhenov mentioned and ran it again. Interestingly, it worked without making any changes, it did not give any errors. All versions are the same, I did not make any code changes. There is no problem for now.

It was not working even though I cleared all the caches, it seems to be working now 🤷‍♂

[F1703]

// vendor/filament/filament/src/Pages/Auth
<?php

namespace Filament\Pages\Auth;
 
use Illuminate\Contracts\Auth\Authenticatable;  // import manual
use Illuminate\Contracts\Auth\Authenticatables_app_url ;

  public function getUser(): Authenticatable & Model
  {
      $user = Filament::auth()->user();

      if (! $user instanceof Model) {
          throw new Exception('The authenticated user object must be an Eloquent model to allow the profile page to update it.');
      }

      return $user;
  }
 
......

or

//  /app/Filament/Pages/Auth

<?php

namespace App\Filament\Pages\Auth;
use Filament\Pages\Auth\EditProfile;
use Illuminate\Contracts\Auth\Authenticatable;
 
class EditMiProfile extends EditProfile
{
   
    public function getUserMe(): Authenticatable&Model
    {
        $user = Filament::auth()->user();
        if (! $user instanceof Model) {
            throw new Exception('The authenticated user object must be an Eloquent model to allow the profile page to update it.');
        }
        return $user;
    }


   
   protected function fillForm(): void
      {
          // $this->getUserMe()
          $data = $this->getUserMe()->attributesToArray();
          
          $this->callHook('beforeFill');
  
          $data = $this->mutateFormDataBeforeFill($data);
  
          $this->form->fill($data);
  
          $this->callHook('afterFill');
      }
  
    protected function getForms(): array
        {
            return [
                'form' => $this->form(
                    $this->makeForm()
                        ->schema([
                            $this->getNameFormComponent(),
                            $this->getEmailFormComponent(),
                            $this->getPasswordFormComponent(),
                            $this->getPasswordConfirmationFormComponent(),
                        ])
                        ->operation('edit')
                         // $this->getUserMe()
                        ->model($this->getUserMe())
                        ->statePath('data')
                        ->inlineLabel(! static::isSimple()),
                ),
            ];
        }

       public function save(): void
          {
              try {
                  $this->beginDatabaseTransaction();
      
                  $this->callHook('beforeValidate');
      
                  $data = $this->form->getState();
      
                  $this->callHook('afterValidate');
      
                  $data = $this->mutateFormDataBeforeSave($data);
      
                  $this->callHook('beforeSave');

                   // $this->getUserMe()
                  $this->handleRecordUpdate($this->getUserMe(), $data);
      
                  $this->callHook('afterSave');
      
                  $this->commitDatabaseTransaction();
              } catch (Halt $exception) {
                  $exception->shouldRollbackDatabaseTransaction() ?
                      $this->rollBackDatabaseTransaction() :
                      $this->commitDatabaseTransaction();
      
                  return;
              } catch (Throwable $exception) {
                  $this->rollBackDatabaseTransaction();
      
                  throw $exception;
              }
      
              if (request()->hasSession() && array_key_exists('password', $data)) {
                  request()->session()->put([
                      'password_hash_' . Filament::getAuthGuard() => $data['password'],
                  ]);
              }
      
              $this->data['password'] = null;
              $this->data['passwordConfirmation'] = null;
      
              $this->getSavedNotification()?->send();
      
              if ($redirectUrl = $this->getRedirectUrl()) {
                  $this->redirect($redirectUrl, navigate: FilamentView::hasSpaMode() && is_app_url($redirectUrl));
              }
          }
      
  ......