Custom Page as a Dashboard Unable to find component: [app.filament.admin.widgets

<?php

namespace App\Filament\Admin\Pages;

use App\Filament\Admin\Widgets\Stats;
use Filament\Pages\Page;

class DocumentDashboard extends Page
{
    protected static ?string $navigationIcon = 'heroicon-o-document-text';

    protected static string $view = 'filament.admin.pages.document-dashboard';

    public function getMaxContentWidth(): ?string
    {
        return 'full';
    }
    public function getColumns(): int | string | array
    {
        return [
            'md' => 4,
            'xl' => 6,
        ];
    }
    public  function getTitle(): string
    {
        return __('panel.pages.DocumentStatistics');
    }
    public static function getNavigationLabel(): string
    {
        return __('panel.pages.DocumentStatistics');
    }
    public function getHeading(): string|\Illuminate\Contracts\Support\Htmlable
    {
        return __('panel.pages.DocumentStatistics');
    }
    protected static ?int $navigationSort = 0;
    public static function getNavigationGroup(): ?string
    {
        return __('panel.groups.statistics');
    }
    protected function getWidgets(): array
    {
        return [
            Stats::class,
        ];
    }
    public function getVisibleWidgets(): array
    {
        return $this->filterVisibleWidgets($this->getWidgets());
    }
}

<x-filament-panels::page class="fi-dashboard-page">
    <x-filament-widgets::widgets
        :columns="$this->getColumns()"
        :data="$this->getWidgetData()"
        :widgets="$this->getVisibleWidgets()"
    />
</x-filament-panels::page>