Why isMounted true by default when initialEntered: false and unmountOnExit: true?

[krutoo]

Hi, i use this library like this:

  // shown - is a prop of component

  const [state, toggle] = useTransition({
    timeout: 300,
    initialEntered: false,
    preEnter: true,
    unmountOnExit: true,
  });

  useEffect(() => {
    toggle(shown);
  }, [shown]);

fisrt render takes state:

{
  isEnter: false
  isMounted: true
  isResolved: true
  status: "exited"
}

How should I use hook to make isMounted false by default?

[szhsin]

The initialEntered is false by default, so you only need to set the mountOnEnter true for achieving isMounted false on the initial render.

const [state, toggle] = useTransition({
+   mountOnEnter: true,
    unmountOnExit: true,
});

[krutoo]

@szhsin Thanks a lot