template2 is not a function - how to solve

  <span class="flex items-center gap-2 text-muted-foreground/50">
    <IconClock class="text-xs text-muted-foreground" />
    <Show when={!props.state.loading()} fallback={<LoadingText />}>
      {formatLoadingDuration(props.state.metadata()?.durationMs ?? 0)}
      <span class="text-muted"> | </span>
      <DateFormat datetime={props.state.updatedAt()} />
    </Show>
  </span>

    <Show when={!props.state.loading()} fallback={<LoadingText />}>
      {_ => {
        const duration = props.state.metadata()?.durationMs ?? 0;
        const updatedAt = props.state.updatedAt();
        return (
          <>
            {formatLoadingDuration(duration)}
            <span class="text-muted"> | </span>
            <DateFormat datetime={updatedAt} />
          </>
        );
      }}
    </Show>