🦋 Changeset detected

Latest commit: 217cdb0

The changes in this PR will be included in the next version bump.

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

After updating from 7.2.2 to 7.2.3 of the svelte integration, I'm getting type errors on Svelte components whenever I add a client directive to them:

---
export const prerender = false

import BaseLayout from '@/layouts/Base.astro'
import ContactForm from '@/components/ContactForm.svelte'
---

<BaseLayout meta={{ title: 'Contact', description: 'Message me' }}>
  <ContactForm client:load />
</BaseLayout>

src/pages/contact.astro:9:4 - error ts(2322): Type '{ "client:load": true; }' is not assignable to type 'IntrinsicAttributes & Record<string, never>'.
  Type '{ "client:load": true; }' is not assignable to type 'Record<string, never>'.
    Property 'client:load' is incompatible with index signature.
      Type 'true' is not assignable to type 'never'.

9   <ContactForm client:load />
     ~~~~~~~~~~~

@Princesseuh what do you think? Should we try keep this approach and fix it, or revert?

It's okay like this!

@mikepayne02 can you open a new issue? Thank you

After updating from 7.2.2 to 7.2.3 of the svelte integration, I'm getting type errors on Svelte components whenever I add a client directive to them:

---
export const prerender = false

import BaseLayout from '@/layouts/Base.astro'
import ContactForm from '@/components/ContactForm.svelte'
---

<BaseLayout meta={{ title: 'Contact', description: 'Message me' }}>
  <ContactForm client:load />
</BaseLayout>

src/pages/contact.astro:9:4 - error ts(2322): Type '{ "client:load": true; }' is not assignable to type 'IntrinsicAttributes & Record<string, never>'.
  Type '{ "client:load": true; }' is not assignable to type 'Record<string, never>'.
    Property 'client:load' is incompatible with index signature.
      Type 'true' is not assignable to type 'never'.

9   <ContactForm client:load />
     ~~~~~~~~~~~

It looks like it only happens when there are no props defined in the Svelte component. I’m working on a fix for this.

Awesome thank you