How to override views components in filament

@props([
    'navigation',
])
<!-- override this file
//vendor/filament/filament/resources/views/components/page/sub-navigation/sidebar.blade.php
-->
<ul
    wire:ignore
    {{ $attributes->class(['hidden w-72 flex-col gap-y-7 md:flex']) }}
>
    @foreach ($navigation as $navigationGroup)
        <x-filament-panels::sidebar.group
            :collapsible="$navigationGroup->isCollapsible()"
            :icon="$navigationGroup->getIcon()"
            :items="$navigationGroup->getItems()"
            :label="$navigationGroup->getLabel()"
            :sidebar-collapsible="false"
        />
    @endforeach
</ul>

//vendor/filament/filament/resources/views/components/page/index.blade.php

...
  <x-filament-panels::page.sub-navigation.sidebar
             :navigation="$subNavigation"
   />
...