Formatting and lint

Author: BrettJephson

packages/gitbook/src/components/DocumentView/Expandable/Details.tsx

@@ -2,8 +2,8 @@
 
 import React from 'react';
 
-import { ClassValue, tcls } from '@/lib/tailwind';
 import { useHash } from '@/components/hooks';
+import { ClassValue, tcls } from '@/lib/tailwind';
 
 /**
  * Details component rendered on client so it can expand dependent on url hash changes.
@@ -31,9 +31,8 @@ export function Details(props: {
             return;
         }
         if (hash === id) {
-            setAnchorElement(detailsRef.current)
-        }
-        else {
+            setAnchorElement(detailsRef.current);
+        } else {
             const activeElement = document.getElementById(hash);
             if (activeElement && detailsRef.current?.contains(activeElement)) {
                 setAnchorElement(activeElement);

packages/gitbook/src/components/hooks/useHash.ts

@@ -11,9 +11,9 @@ export function useHash() {
         global.addEventListener('hashchange', updateHash);
         updateHash();
         return () => global.removeEventListener('hashchange', updateHash);
-    // With next.js, the hashchange event is not triggered when the hash changes
-    // Instead a hack is to use the `useParams` hook to listen to changes in the hash
-    // https://github.com/vercel/next.js/discussions/49465#discussioncomment-5845312
+        // With next.js, the hashchange event is not triggered when the hash changes
+        // Instead a hack is to use the `useParams` hook to listen to changes in the hash
+        // https://github.com/vercel/next.js/discussions/49465#discussioncomment-5845312
     }, [params]);
     return hash;
-}
+}

packages/gitbook/src/components/hooks/useScrollToHash.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+
 import { useHash } from './useHash';
 
 /**