Move props option to second arg of createRoute utility

[pleek91]

Description

By moving the props option of createRoute to the second argument we can get much better typescript support and typescript errors. The utility will now correctly error when props are missing entirely if it detects the component has props that are required. And if the return type from the props function doesn't match the expected type for a component it gives much better errors.

const route = createRoute({
  ...
  component: echo,
}, () => ({
  value: 'hello world',
}))

Routes with named views will also expect an object by the same keys

const route = createRoute({
  ...
  components: {
    default: echo
  }
}, {
  default: () => ({ value: 'hello world' })
})

[netlify]

✅ Deploy Preview for kitbag-router ready!

Name	Link
🔨 Latest commit	6a29a8d
🔍 Latest deploy log	https://app.netlify.com/sites/kitbag-router/deploys/67871401ef87220008897f04
😎 Deploy Preview	https://deploy-preview-421--kitbag-router.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[stackoverfloweth]

looking great, I got it building (committed) and fixed all the tests that relied on props (also committed)

[stackoverfloweth]

🚢 IT

[stackoverfloweth]

so much simpler! 😍