fix: fix up code, add type export to fix strict JS compilers (#63)

Author: nickdebaise

src/components/Toast.tsx

@@ -75,20 +75,7 @@ export const Toast: FC<Props> = ({
 }) => {
   const insets = useSafeAreaInsets();
   const { width, height } = useWindowDimensions();
-
-  useVisibilityChange(
-    () => {
-      onToastShow?.(toast);
-    },
-    () => {
-      onToastHide?.(toast);
-    },
-    toast.visible
-  );
-
   const isSystemDarkMode = useColorScheme() === 'dark';
-  const isDarkMode =
-    overrideDarkMode !== undefined ? overrideDarkMode : isSystemDarkMode;
 
   const [toastHeight, setToastHeight] = useState<number>(
     toast?.height ? toast.height : DEFAULT_TOAST_HEIGHT
@@ -98,6 +85,9 @@ export const Toast: FC<Props> = ({
     toast?.width ? toast.width : width - 32 > maxWidth ? maxWidth : width - 32
   );
 
+  const isDarkMode =
+    overrideDarkMode !== undefined ? overrideDarkMode : isSystemDarkMode;
+
   const startingY = useMemo(
     () =>
       toast.position === ToastPosition.TOP
@@ -111,6 +101,7 @@ export const Toast: FC<Props> = ({
   const offsetY = useSharedValue(startingY);
 
   const onPress = () => onToastPress?.(toast);
+
   const dismiss = useCallback((id: string) => {
     toasting.dismiss(id);
   }, []);
@@ -215,6 +206,16 @@ export const Toast: FC<Props> = ({
     toast.animationConfig,
   ]);
 
+  useVisibilityChange(
+    () => {
+      onToastShow?.(toast);
+    },
+    () => {
+      onToastHide?.(toast);
+    },
+    toast.visible
+  );
+
   useEffect(() => {
     setToastHeight(toast?.height ? toast.height : DEFAULT_TOAST_HEIGHT);
   }, [toast.height]);

src/components/Toasts.tsx

@@ -60,8 +60,8 @@ export const Toasts: FunctionComponent<Props> = ({
         left: insets.left + (extraInsets?.left ?? 0),
         right: insets.right + (extraInsets?.right ?? 0),
         bottom: insets.bottom + (extraInsets?.bottom ?? 0) + 16,
+        pointerEvents: 'box-none',
       }}
-      pointerEvents={'box-none'}
     >
       {toasts.map((t) => (
         <Toast

src/index.tsx

@@ -1,4 +1,4 @@
 export { useToaster } from './core/use-toaster';
 export { Toasts } from './components';
 export * from './headless';
-export { ToastPosition, ToastAnimationType } from './core/types';
+export { ToastPosition, type ToastAnimationType } from './core/types';