title: Laravel Inertia using InertiaProgress with Axios returns: Cannot read property 'defaultPrevented' of undefined
body: <p>I am using current versions of <code>Laravel</code> &amp; <code>Inertia.js</code>. I am also using <code>IntertiaProgress</code> and looking to use it during a file upload using <code>axios</code></p>
  <p>The files all upload OK but the console shows:</p>
  <pre><code>app.js:33316 Uncaught (in promise) TypeError: Cannot read property 'defaultPrevented' of undefined
  </code></pre>
  <p>Tracing this back it points to here in the source of <code>InertiaProgress</code>:</p>
  <pre><code> start(event) {
      Promise.resolve().then(() =&gt; {
        if (event.defaultPrevented) {
          return
        }
  
        this.inProgress++
        clearTimeout(this.timeout)
        this.timeout = setTimeout(() =&gt; {
          Nprogress.set(0)
          Nprogress.start()
        }, this.delay)
      })
    },
  </code></pre>
  <p>If I <code>console.log(event)</code> I get <code>undefined</code></p>
  <p>My <code>upload()</code> method:</p>
  <pre><code>upload(files) {
      let url = this.$route('library.upload');
      this.$root.showLoading = true;
  
      const uploadConfig = {
          timeout: 10000,
          onUploadProgress: function(progressEvent) {
              let percentCompleted = Math.round((progressEvent.loaded * 100) / progressEvent.total)
              InertiaProgress.progress(percentCompleted)
          }
      }
  
      InertiaProgress.start()
  
      axios.post(url, {
          files,
      },
          uploadConfig
      ).then(res =&gt; {
          let files = res.data.files
          if (files.length) {
              this.filesList = cloneDeep(files)
          }
  
          this.newFiles = []
  
          InertiaProgress.finish()
          this.$root.showLoading = false
      }).catch(err =&gt; {
          console.log(err)
  
          InertiaProgress.finish()
          this.$root.showLoading = false
      })
  },
  </code></pre>
  <p>Any help is appreciated</p>