OnMount fired twice for the same component

type FeedbackFormState = {
  rate: number;
  comment: string;
};

export interface FeedbackModalProps {
  open: boolean;
  onSubmit: (data: FeedbackFormState) => void;
  onDismiss: () => void;
  isSubmitting: boolean;
  isSuccess: boolean;
  sessionId: string;
}

export function FeedbackModal(props: FeedbackModalProps) {
  const [dismissed, setIsDismissed] = createSignal(false);
  const [formState, setFormState] = createStore<FeedbackFormState>({
    rate: 0,
    comment: "",
  });

  function onDismiss() {
    // props.onDismiss();
    setIsDismissed(true);
    console.log("{DEBUG}", "Dismissed")
  }

  function onSubmit() {
    props.onSubmit(formState);
  }

  onMount(() => {
    console.log("{DEBUG}", "Mouting feedback component", props.sessionId);
  });

  onCleanup(() => {
    console.log("{DEBUG}", "Cleanup feedback");
  });

  return (
    <Modal.Root
      open={props.open && !dismissed()}
    </Modal.Root>
  );
}

type FeedbackFormState = {
  rate: number;
  comment: string;
};

export interface FeedbackModalProps {
  open: boolean;
  onSubmit: (data: FeedbackFormState) => void;
  onDismiss: () => void;
  isSubmitting: boolean;
  isSuccess: boolean;
  sessionId: string;
}

export function FeedbackModal(props: FeedbackModalProps) {
  const [dismissed, setIsDismissed] = createSignal(false);
  const [formState, setFormState] = createStore<FeedbackFormState>({
    rate: 0,
    comment: "",
  });

  function onDismiss() {
    // props.onDismiss();
    setIsDismissed(true);
    console.log("{DEBUG}", "Dismissed")
  }

  function onSubmit() {
    props.onSubmit(formState);
  }

  onMount(() => {
    console.log("{DEBUG}", "Mouting feedback component", props.sessionId);
  });

  onCleanup(() => {
    console.log("{DEBUG}", "Cleanup feedback");
  });

  return (
    <Modal.Root
      open={props.open && !dismissed()}
    </Modal.Root>
  );
}

export default function Session() {
  const params = useParams<{ id: string }>();
  const queryClient = useQueryClient();
  const sessionId = () => params.id;

  const { session, nextQuestion, clearQuestion, endSession, rateSession } =
    useSession(sessionId);

  onMount(() => {
    console.log("{DEBUG}", "Mount Session page");
    console.log("{DEBUG}", "Initial data value", session.data);
  });

  createEffect(() => {
    console.log("{DEBUG}", "UPDATED SESSION DATA", session.data);
  });

  return (
    <AppPageContainer>
      <Show when={session.data}>
        {(sessionData) => {
          console.log(" ======== Executing show callback with ", sessionData());
          return (
            <>
              <FeedbackModal
                open={
                  Boolean(sessionData().doneAt) &&
                  !sessionData().ratingSubmitted
                }
                sessionId={sessionData().id}
                // onDismiss={() => rateSession.mutate(null)}
                // onSubmit={(data) => rateSession.mutateAsync(data)}
                // isSubmitting={rateSession.isPending}
                // isSuccess={rateSession.isSuccess}
              />
            </>
          );
        }}
      </Show>
    </AppPageContainer>
  );
}

export default function Session() {
  const params = useParams<{ id: string }>();
  const queryClient = useQueryClient();
  const sessionId = () => params.id;

  const { session, nextQuestion, clearQuestion, endSession, rateSession } =
    useSession(sessionId);

  onMount(() => {
    console.log("{DEBUG}", "Mount Session page");
    console.log("{DEBUG}", "Initial data value", session.data);
  });

  createEffect(() => {
    console.log("{DEBUG}", "UPDATED SESSION DATA", session.data);
  });

  return (
    <AppPageContainer>
      <Show when={session.data}>
        {(sessionData) => {
          console.log(" ======== Executing show callback with ", sessionData());
          return (
            <>
              <FeedbackModal
                open={
                  Boolean(sessionData().doneAt) &&
                  !sessionData().ratingSubmitted
                }
                sessionId={sessionData().id}
                // onDismiss={() => rateSession.mutate(null)}
                // onSubmit={(data) => rateSession.mutateAsync(data)}
                // isSubmitting={rateSession.isPending}
                // isSuccess={rateSession.isSuccess}
              />
            </>
          );
        }}
      </Show>
    </AppPageContainer>
  );
}