title: Props not accessible in Vue created hook when passing with Inertia js
body: <p>I've got an Inertiajs app in which I call a component with the following link:</p>
  <pre><code>&lt;Link href=&quot;/explore-data&quot;
    class=&quot;rounded-lg bg-blue-500 hover:bg-blue-200 text-white text-md font-semibold tracking-wide p-2&quot; 
    :data=&quot;{ selectedIds: selectedIds }&quot;&gt;
    Proceed 
  &lt;/Link&gt;
  </code></pre>
  <p>Then, in my web.php file I pass it to the next component as a prop as follows:</p>
  <pre><code>Route::get('/explore-data', function (\Illuminate\Http\Request $request) {
  
      return Inertia::render('ExploreData', [
          'cities' =&gt; \App\Models\City::all(),
          'selectedIds' =&gt; $request-&gt;selectedIds
      ]);
  });
  </code></pre>
  <p>In my ExploreData component, I try to access the selectedIds prop in my created hook, but printing it out shows me that it's null. What is strange is that this only happens on my server, when I do this on localhost it works fine. Here is how I declare the prop and try to call it in the ExploreData component:</p>
  <pre><code>export default {
  
      props: {
          selectedIds: Object,
          cities: Object
      },
  
      ...
  
     created() {
          let t = this
  
          console.log('Selected IDS: ')
          console.log(this.selectedIds) // this gives me NULL on server, but not on localhost
  
          this.selectedIds.forEach(function(item) {
             // do something with my selectedIds
          })
         ....
  </code></pre>
  <p>Does someone know what could be happening here and how to fix it?</p>