コントローラーから渡される変数をコンポーネントで受け取る方法がわからない

前提・実現したいこと

コンポーネントでコントローラーから受け取る変数を記述すると下記のエラーが発生してしまいます。
コンポーネントで変数を使えるようにしたいです。

発生している問題・エラーメッセージ

Undefined variable $comments (View: /var/www/html/resources/views/components/sidebar.blade.php)

該当のソースコード

Laravel
    public function index()
    {
        $user = auth()->user();
        $comments = $user->comments()->latest();

        return view('index', [
            'user' => $user,
            'user' => $user,
            'comments' => $comments←これを使いたい
        ]);
    }

sidebar.blade.php
            <div class="timeline_container">
            @if ($comments->count())←この部分でエラー発生
                @foreach ($comments as $comment)
                    <div class="stream_tile">
                        <div class="user_info">
                            <div class="user_icon">
                                <a href=""><img src="/images/83Snuq8.jpeg" alt="" class="icon"></a>
                            </div>
                            <div>
                                <div class="user_name">
                                    <a href="{{ $comment->user->id }}">
                                        {{ $comment->user->name }}
                                    </a>
                                </div>
                                <div class="comment_date">{{ $comment->created_at }}</div>
                            </div>
                        </div>
                        <div class="comment_area">
                            <p class="comment _ellipsised">
                                {{ $comment->body }}
                            </p>
                        </div>
                        <div class="title_area">
                            <p class="title _ellipsised">
                                {{ $comment->title }}</p>
                        </div>
                    </div>
                @endforeach
            @endif
        </div>

index.blade.php
   <body>
    <x-header>
        <x-slot name="user_id">{{ route('user.show', $user) }}</x-slot>
        <x-slot name="user_name">{{ $user->name }}</x-slot>
    </x-header>
    <x-sidebar>
        <x-slot name="user_id">{{ route('user.show', $user) }}</x-slot>
        <x-slot name="user_name">{{ $user->name }}</x-slot>
    </x-sidebar>
    <div class="main_container">
        <div class="eyecatch_container">
            <a href="">
                <div class="eyecatch" style="background-image: url(/images/83Snuq8.jpeg)">
                </div>
            </a>
        </div>