[Bug?]:HierarchyRequestError: Failed to execute 'insertBefore' on 'Node': This node type does not support this method.

[AnuragSinghTomarr]

import { createMemo, For, Show } from 'solid-js';

export function Card250T8(props) { const thumbnails = () => props.card?.data?.thumbnails; const showCard = () => props.card?.data?.valid; const cardbackground = () => props.card?.data?.bg_image; const heading = 'Top Categories'; // props.card?.data?.ctitle

return ( <Show when={showCard()}> <div class='-mx-5 bg-[#EEF1FA] bg-cover bg-center pb-5' style={{ 'background-image': url(${cardbackground()}) }} data-card-type={props.cardType} data-card-id={props.cardId} >

<Show when={heading.length > 0}> <div class='flex justify-between pt-6 pb-4' style={{ display: heading ? 'flex' : 'none' }} > Heading

</Show>

      <div class='grid grid-cols-2 gap-3'>
        <For each={thumbnails()}>
          {(thumbnail, index) => (
            <div class='flex aspect-square flex-col justify-between bg-white p-3'>
              <img
                data-index={index()}
                class='h-full w-full object-cover'
                src={`${props.imageBasePath()}${thumbnail.img}`}
                alt={thumbnail.lbl}
              />
              <span class='pt-2 text-center text-sm'>
                {thumbnail.pdname}
              </span>
            </div>
          )}
        </For>
      </div>
    </div>
  </div>
</Show>

); }

[brenelz]

Can you create a minimal reproducer github repo?