Use named export for useIntersectionObserver

Signed-off-by: alexfront <alex.andreev.email@gmail.com>

src/renderer/components/dock/logs/use-on-scroll-top.ts

@@ -5,7 +5,7 @@
 
 import type { RefObject } from "react";
 import { useEffect } from "react";
-import useIntersectionObserver from "../../../hooks/useIntersectionObserver";
+import { useIntersectionObserver } from "../../../hooks";
 import type { LogTabViewModel } from "./logs-view-model";
 
 interface UseStickToBottomProps {

src/renderer/components/dock/logs/use-stick-to-bottom-on-logs-load.ts

@@ -5,7 +5,7 @@
 
 import type { RefObject } from "react";
 import { useEffect } from "react";
-import useIntersectionObserver from "../../../hooks/useIntersectionObserver";
+import { useIntersectionObserver } from "../../../hooks";
 import type { LogTabViewModel } from "./logs-view-model";
 
 interface UseStickToBottomProps {

src/renderer/hooks/index.ts

@@ -10,3 +10,4 @@ export * from "./useInterval";
 export * from "./useMutationObserver";
 export * from "./useResizeObserver";
 export * from "./use-toggle";
+export * from "./useIntersectionObserver";

src/renderer/hooks/useIntersectionObserver.ts

@@ -37,7 +37,7 @@ interface IntersectionObserverOptions {
   rootMargin?: string;
 }
 
-function useIntersectionObserver(
+export function useIntersectionObserver(
   element: Element | null,
   {
     threshold = 0,
@@ -64,5 +64,3 @@ function useIntersectionObserver(
 
   return entry;
 }
-
-export default useIntersectionObserver;