memo with dynamic props pass

export interface AccordionProps {
  items: AccordionItem[];
  class?: string;
}

const Accordion = (props: AccordionProps) => {
  const items = createMemo(
    on(
      () => props.items,
      items => assignPaths(items),
    ),
  );
  
  return (
    <ul class={cx('flex flex-col h-full overflow-auto px-2', props.class)}>
      <For each={items} children={Item} />
    </ul>
  );
};

  const items = createMemo(
    on(
      () => props.items,
      items => assignPaths(items),
    ),
  );

const Accordion = (props: AccordionProps) => {
  return (
    <ul class={cx('flex flex-col h-full overflow-auto px-2', props.class)}>
      <For each={assignPaths(props.items)} children={Item} />
    </ul>
  );
};