I have a /dashboard and /dashboard/statistics each with their own loading.js but with different props.

this is for statistics page, and similiary for the main dashboard one but with different p tag and a different numCards prop

function Loading() {
  return (
    <>
      <p> statistics</p>
      <LoadingSkeleton numCards={3} />;
    </>
  );
}

on moving to the statistics page, if i remove loadingSkeleton, the statistics p tag gets rendered but if i keep loadingSkeleton, the dashboard p tag gets rendered.

Why is this behaviour ?