title: Laravel Errorbag Not working inside Blade Component
body: <p>I have a Laravel Livewire component where I have included a Blade Component as well like so</p>
  
  <pre class="lang-php prettyprint-override"><code>&lt;div&gt;
      &lt;div class="card-header"&gt;
          &lt;div&gt;{{ $quiz-&gt;name }}&lt;/div&gt;
          &lt;x-create-question-modal :state="$modalQuestionState" :question="$question"/&gt;
      &lt;/div&gt;
  
      @foreach($quiz-&gt;questions as $question)
      &lt;div class="card-body"&gt;
          &lt;div class="card-title"&gt;
              {{ $question-&gt;question }}
          &lt;/div&gt;
          @foreach($question-&gt;choices as $choice)
              &lt;div class="card-text"&gt;
                  {{ $choice-&gt;name }}
              &lt;/div&gt;
          @endforeach
      &lt;/div&gt;
          &lt;hr&gt;
      @endforeach
  &lt;/div&gt;
  
  </code></pre>
  
  <p>This is my Blade Component</p>
  
  <pre class="lang-php prettyprint-override"><code>&lt;div&gt;
      &lt;div&gt;
          &lt;div wire:click="modalCreateQuestionToggle"&gt;Create New Quiz&lt;/div&gt;
      &lt;/div&gt;
  
      {{--  Create Quiz Modal --}}
      &lt;div class="modal @if($state) d-block @endif" tabindex="-1" role="dialog"&gt;
          &lt;div class="modal-dialog"&gt;
              &lt;div class="modal-content"&gt;
                  &lt;div class="modal-header"&gt;
                      &lt;h5 class="modal-title"&gt;Create New Quiz&lt;/h5&gt;
                      &lt;button wire:click="modalCreateQuestionToggle" type="button" class="close" data-dismiss="modal" aria-label="Close"&gt;
                          &lt;span aria-hidden="true"&gt;&amp;times;&lt;/span&gt;
                      &lt;/button&gt;
                  &lt;/div&gt;
                  &lt;form wire:submit.prevent="store"&gt;
                      &lt;div class="modal-body"&gt;
                          &lt;input type="text" wire:model="question"&gt;
                          @error('question') &lt;span class="error alert-danger"&gt;{{ $message }}&lt;/span&gt; @enderror
                      &lt;/div&gt;
                      &lt;div class="modal-footer"&gt;
                          &lt;button type="submit" class="btn btn-primary"&gt;Create&lt;/button&gt;
                      &lt;/div&gt;
                  &lt;/form&gt;
  
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
  &lt;/div&gt;
  
  </code></pre>
  
  <p>This is the <code>store</code> method which I have in <code>Livewire</code> Class, </p>
  
  <pre class="lang-php prettyprint-override"><code>    public function store() {
          //
          $this-&gt;validate([
              'question' =&gt; 'required|min:5',
          ]);
  
          Questions::create([
              'question' =&gt; $this-&gt;question,
              'quiz_id' =&gt; $this-&gt;quiz-&gt;id
          ]);
          $this-&gt;modalQuestionState = !$this-&gt;modalQuestionState;
          $this-&gt;question = null;
      }
  </code></pre>
  
  <p>When the store is called, the validation fails, but for some reason it is not rendering in my blade component.</p>
  
  <p>This is what the output of livewire's network</p>
  
  <pre><code>errorBag: {question: ["The question must be at least 5 characters."]}
  question: ["The question must be at least 5 characters."]
  </code></pre>