title: Remix run - submitting an action and getting errro "root" - does not have an action, but you are trying to submit to it
body: <p>Im having a bit of trouble getting my action to dispatch in remix run - I have an Aside which comes out with all the data from my  shopping cart  - I have a form that collates all the data - and when I want the checkout to be created I want to call the action</p>
  <pre><code>&lt;Form action='/products' method=&quot;post&quot;&gt;
                  {cart.map((item, idx) =&gt; ( 
                  &lt;div key={idx}&gt;
                  &lt;input readOnly value={item.product.id} type=&quot;hidden&quot; name=&quot;id&quot;/&gt;
                  &lt;input readOnly value={item.quantity}  type=&quot;hidden&quot; name=&quot;quantity&quot;/&gt;
                  &lt;/div&gt;
  
                  ))}
                  
                  &lt;button 
                  className=&quot;mr-2 m&quot;
                  &gt;              Add to Cart
                  &lt;/button&gt;
  &lt;/Form&gt;
  
  
  export const  action: ActionFunction = async ({request}) =&gt; {
    // get the form data from the POST
    const formData = await request.formData()
    const id = formData.getAll('id')
    const quantity = formData.getAll('quantity')
  
    const newObj = id.map((data, index) =&gt; {
      
      return  { variantId: data, quantity: quantity[index] }
  
    } )
  
    
  
    const cart = await createCheckout(newObj)
    return cart
  }
  </code></pre>
  <p>From the data that is requested here my checkout URL is generated so i need to wait for the response.  When I submit i get a 405 error saying method not allowed</p>
  <pre><code>react_devtools_backend.js:4026 Route &quot;root&quot; does not have an action, but you are trying to submit to it. To fix this, please add an `action` function to the route
  </code></pre>
  <p>This is the error message but I cant seem to find anywhere in the docs how to add a action function to the route? because I swear I am already doing this?</p>