Issues with using component libraries in sveltejs/kit

[henryennis]

SSR is disabled inline, which bypasses the components not being SSR incompatible.

The node module clipboard-copy is used in the UI library as a depend

This is the error I am getting in my sveltekit page.

500
The requested module '/node_modules/clipboard-copy/index.js?v=3f0aa85f' does not provide an export named 'default'

SyntaxError: The requested module '/node_modules/clipboard-copy/index.js?v=3f0aa85f' does not provide an export named 'default'

Index.svelte

<script context="module">
	export const ssr = false;
</script>


<script>
	import { Button } from "carbon-components-svelte";
  </script>
  
  <Button>Primary button</Button>

[GrygrFlzr]

Please use the discord for support.

carbon-components-svelte is not SSR-incompatible.

<!-- src/$layout.svelte -->
<script>
  import 'carbon-components-svelte/css/g100.css';
  import '../app.css';
</script>

<slot />

<!-- src/routes/index.svelte -->
<script>
  import { Accordion, AccordionItem } from 'carbon-components-svelte';
</script>

<!-- ... -->

// svelte.config.cjs
// ...
module.exports = {
  kit: {
    // ...
    vite: {
      // ...
      optimizeDeps: {
        include: ['carbon-components-svelte', 'clipboard-copy']
      }
    }
  }
};

[henryennis]

@GrygrFlzr Thank you for this, I was just reading the vite docs and figured I needed to use these params.