Hey hsn! When you're redirecting, is the response type a 303? Inertia expects redirect statuses to be 303 to work properly, and the AdonisJS adapter should automatically take care of this for you. So, if that isn't happening then something is likely misconfigured in your project.

As for the attr section, if all items being passed into a page component are registered as props within the page, then there won't be attrs to display as everything will be under props. attrs in Vue captures non-registered prop data. For example:

<template>
  <Header :user="user" :theme="blue" />
</template>

-----

<script setup lang="ts">
// Header.vue
defineProps<{
  theme: string
}>()
<script>

<template>
  <span>Hello</span>
</template>

  

    

      Copied!
      

        

      
    
  
  
    
    
    
    
    
  

In the above theme is a registered prop, so it'll be under props, but not attrs. Meanwhile, user is not a registered prop, but is being passed into the header. Therefore, it won't be within props, but rather attrs.

That is the only thing coming to mind as to why the attrs may differ.

Hope this helps!!

Found the issue, it happened because I forgot to add "await" in front of request.usingValidatior…

Hey Ruslan!

Yeah, as we'll discuss in lesson 3.6, covering Inertia's limitations, when Inertia sends a request it requires a specific format for the response. Otherwise, you'll get the error you mentioned above.

Because of this, Inertia doesn't want you to return 422 responses. Rather, they want you to flash the errors to the session and redirect the user back to the page.

So, if certFile is a form field, you could manually send back an error like this:

async store({ inertia, request, response, session }: HttpContext) {
  // ...
    
  if (!certFile.isValid) {
    // not sure if certFile.errors is already an array or not
    // certFile type should be string[] for consistency with AdonisJS
    session.flash('errors', { certFile: [certFile.errors] })
    return response.redirect().back()
  }

  // ...
}

  

    

      Copied!
      

        

      
    
  
  
    
    
    
    
    
  

Otherwise, if you just need a general exception-like error, separate from validation, you could do:

async store({ inertia, request, response, session }: HttpContext) {
  // ...
    
  if (!certFile.isValid) {
    session.flash('errorsBag', { E_UNPROCESSABLE_ENTITY: certFile.errors })
    return response.redirect().back()
  }

  // ...
}

  

    

      Copied!
      

        

      
    
  
  
    
    
    
    
    
  

Hope this helps!