fix(@toss/use-overylay): unnecessary code and docs (#345)

* chore(@toss/use-overlay): fix null exception

* chore(@toss/use-overlay): delete any type

* chore(@toss/use-overlay): explicit naming

* docs(@toss/use-overlay): delete unnecessary docs

* chore: rollback null exception

* chore: rollback delete unnecessary docs

* chore: fix handler naming

packages/react/use-overlay/src/OverlayController.tsx

@@ -1,5 +1,5 @@
 /** @tossdocs-ignore */
-import { Ref, useImperativeHandle, forwardRef, useEffect, useState, useCallback } from 'react';
+import { forwardRef, Ref, useCallback, useEffect, useImperativeHandle, useState } from 'react';
 
 import { CreateOverlayElement } from './types';
 
@@ -16,24 +16,24 @@ export const OverlayController = forwardRef(function OverlayController(
   { overlayElement: OverlayElement, onExit }: Props,
   ref: Ref<OverlayControlRef>
 ) {
-  const [isOpen, setIsOpen] = useState(false);
+  const [isOpenOverlay, setIsOpenOverlay] = useState(false);
 
-  const handleClose = useCallback(() => setIsOpen(false), []);
+  const handleOverlayClose = useCallback(() => setIsOpenOverlay(false), []);
 
   useImperativeHandle(
     ref,
     () => {
-      return { close: handleClose };
+      return { close: handleOverlayClose };
     },
-    [handleClose]
+    [handleOverlayClose]
   );
 
   useEffect(() => {
     // NOTE: requestAnimationFrame이 없으면 가끔 Open 애니메이션이 실행되지 않는다.
     requestAnimationFrame(() => {
-      setIsOpen(true);
+      setIsOpenOverlay(true);
     });
   }, []);
 
-  return <OverlayElement isOpen={isOpen} close={handleClose} exit={onExit} />;
+  return <OverlayElement isOpen={isOpenOverlay} close={handleOverlayClose} exit={onExit} />;
 });

packages/react/use-overlay/src/tests/utils.tsx

@@ -10,7 +10,7 @@ export function renderWithContext<
   return render<Q, C>(ui, {
     ...options,
     wrapper: ({ children }) => {
-      const Wrapper = options.wrapper ?? (Fragment as any);
+      const Wrapper = options.wrapper ?? Fragment;
 
       return (
         <Wrapper>