diff --git a/src/features/Breadcrumb/ui/BreadcrumbHeader/BreadcrumbHeaderSeeded.svelte b/src/features/Breadcrumb/ui/BreadcrumbHeader/BreadcrumbHeaderSeeded.svelte index af9cc17..0052c57 100644 --- a/src/features/Breadcrumb/ui/BreadcrumbHeader/BreadcrumbHeaderSeeded.svelte +++ b/src/features/Breadcrumb/ui/BreadcrumbHeader/BreadcrumbHeaderSeeded.svelte @@ -11,10 +11,14 @@ const sections = [ { index: 102, title: 'Spacing' }, ]; -/** @type {HTMLDivElement} */ -let container; +/** @type {HTMLDivElement | undefined} */ +let container = $state(); onMount(() => { + if (!container) { + return; + } + for (const section of sections) { const el = /** @type {HTMLElement} */ (container.querySelector(`[data-story-index="${section.index}"]`)); scrollBreadcrumbsStore.add({ index: section.index, title: section.title, element: el }, 96); diff --git a/src/shared/lib/utils/splitArray/splitArray.ts b/src/shared/lib/utils/splitArray/splitArray.ts index a3ea60c..bf03a24 100644 --- a/src/shared/lib/utils/splitArray/splitArray.ts +++ b/src/shared/lib/utils/splitArray/splitArray.ts @@ -24,9 +24,14 @@ */ export function splitArray(array: T[], callback: (item: T) => boolean) { return array.reduce<[T[], T[]]>( - ([pass, fail], item) => ( - callback(item) ? pass.push(item) : fail.push(item), [pass, fail] - ), + ([pass, fail], item) => { + if (callback(item)) { + pass.push(item); + } else { + fail.push(item); + } + return [pass, fail]; + }, [[], []], ); }