fix(@toss/react): improve readability and add dependencies useOutsideClickEffect

[Collection50]

Overview

AS-IS

useEffect(() => {
  containers.current = (Array.isArray(container) ? container : [container]).filter(isNotNil);
}, [container]);

useEffect(() => {
  document.addEventListener('click', handleDocumentClick);
  document.addEventListener('touchstart', handleDocumentClick);

  return () => {
    document.removeEventListener('click', handleDocumentClick);
    document.removeEventListener('touchstart', handleDocumentClick);
  };
}, []);

TO-BE

useEffect(() => {
  containers.current = [container].flat(1).filter(isNotNil);
}, [container]);

useEffect(() => {
  document.addEventListener('click', handleDocumentClick);
  document.addEventListener('touchstart', handleDocumentClick);

  return () => {
    document.removeEventListener('click', handleDocumentClick);
    document.removeEventListener('touchstart', handleDocumentClick);
  };
}, [handleDocumentClick]);

PR Checklist

• I read and included theses actions below

1. I have read the Contributing Guide
2. I have written documents and tests, if needed.

close #449

[vercel]

@Collection50 is attempting to deploy a commit to the Toss Team on Vercel.

A member of the Team first needs to authorize it.

[okinawaa]

The flat method was introduced in ES2019 (ES10). Therefore, this code will work well in modern browsers, but it might not be supported in older browsers. Is this acceptable?

[Collection50]

The flat method was introduced in ES2019 (ES10). Therefore, this code will work well in modern browsers, but it might not be supported in older browsers. Is this acceptable?

The part I was looking for was the flat !

I'd appreciate it if you could tell me how to know the current status of support for the older browser you mentioned!

[okinawaa]

We don't have a specific browser range! yet
According to the link you sent me, it says it complies with the baseline.
I think that's enough!

[Collection50]

We don't have a specific browser range! yet According to the link you sent me, it says it complies with the baseline. I think that's enough!

Thank you!!