themesberg / flowbite-svelte

Official Svelte components built for Flowbite and Tailwind CSS
https://flowbite-svelte.com
MIT License
2.07k stars 251 forks source link

Navbar (and other components) stopped working in Svelte 5 #1331

Open herskinduk opened 3 months ago

herskinduk commented 3 months ago

Describe the bug

https://github.com/sveltejs/svelte/issues/10359

Using Navbar (and some other components) causes Svelte 5 (5.0.0-next.81+) to throw hydration errors making the site unusable.

Reproduction

Components that do this:

$$restProps.color = $$restProps.color ?? 'navbar';

Flowbite version and System Info

System:
    OS: macOS 13.6.6
    CPU: (8) x64 Intel(R) Core(TM) i7-7920HQ CPU @ 3.10GHz
    Memory: 148.33 MB / 16.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 20.11.1 - ~/Library/pnpm/node
    npm: 10.5.2 - ~/Library/pnpm/npm
    pnpm: 8.15.6 - ~/Library/pnpm/pnpm
  Browsers:
    Chrome: 124.0.6367.92
    Safari: 16.6
  npmPackages:
    @sveltejs/kit: ^2.5.7 => 2.5.7 
    flowbite-svelte: ^0.44.24 => 0.44.24 
    svelte: 5.0.0-next.82 => 5.0.0-next.82 
    vite: ^5.0.3 => 5.1.6
jumtp commented 3 months ago

Svelte5 now is not stable

shinokada commented 3 months ago

For Svelte 5/Runes, please try https://svelte-5-ui-lib.codewithshin.com/

herskinduk commented 3 months ago

Is this eventually going to be part of the flowbite family - or is it it's own thing?

shinokada commented 3 months ago

It is uncertain at the moment.