title: Laravel 8 + Inertia is not rendering variables
body: <p>I actually struggling with passing data into GET request page where I trying to pass data from database to Dashboard.vue component (Using Laravel 8 + Inertia.js stack)</p>
  <p>But nothing happened, why?</p>
  <p>Controller component:</p>
  <pre><code>public function index(Request $request)
  {
          return Inertia::render('Dashboard', [
              'percentages' =&gt; $percentages = DB::table('profits')-&gt;where('user_id', $request-&gt;user()-&gt;id)-&gt;sum('percentage'),
              'profits' =&gt; $profits = DB::table('profits')-&gt;where('user_id', $request-&gt;user()-&gt;id)-&gt;sum('total_profit'),
              ]);
  }
  </code></pre>
  <p>Front-end:</p>
  <pre><code>    &lt;div class=&quot;container&quot;&gt;
                      &lt;div class=&quot;row&quot;&gt;
                          &lt;div class=&quot;col-sm-5 text-center fund-profits&quot;&gt;
                            {{profits}}
                          &lt;/div&gt;
                          &lt;div class=&quot;col-sm-2 text-center nomad-separator&quot;&gt;
                              |
                          &lt;/div&gt;
                          &lt;div class=&quot;col-sm-5 text-center fund-profits&quot;&gt;
                            {{percentages}}
                          &lt;/div&gt;
                      &lt;/div&gt;
     &lt;/div&gt;
      
          &lt;script&gt;
              import JetApplicationLogo from './../Jetstream/ApplicationLogo'
          
              export default {
                  props: ['percentages', 'profits'],
                  components: {
                      JetApplicationLogo,
                  },      
              }
          &lt;/script&gt;
  </code></pre>