another auth checkpoint

webhook issue resolved

frontend/src/components/ArticleTicker.tsx

@@ -24,7 +24,7 @@ export function ArticleTicker() {
               {articles.map((article, index) => (
                  <Link
                   key={`${article.id}-${index}`}
-                  to={`/articles/${article.id}` as any}
+                   to={`/articles/${article.id}`}
                   className="text-sm text-muted-foreground hover:text-foreground hover:underline inline-block px-4"
                 >
                   {article.title || 'No title'}
@@ -34,7 +34,7 @@ export function ArticleTicker() {
               {articles.map((article, index) => (
                  <Link
                   key={`dup-${article.id}-${index}`}
-                  to={`/articles/${article.id}` as any}
+                   to={`/articles/${article.id}`}
                   className="text-sm text-muted-foreground hover:text-foreground hover:underline inline-block px-4"
                 >
                   {article.title || 'No title'}

frontend/src/components/routes/ArticlesComponent.tsx

@@ -33,11 +33,11 @@ export function ArticlesComponent() {
 
       <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
         {data?.data.map((article) => (
-               <Link
-                key={article.id}
-                to={`/articles/${article.id}` as any}
-                className="p-6 rounded-xl border bg-card hover:shadow-lg transition-shadow cursor-pointer block"
-              >
+                <Link
+                 key={article.id}
+                 to={`/articles/${article.id}`}
+                 className="p-6 rounded-xl border bg-card hover:shadow-lg transition-shadow cursor-pointer block"
+               >
             <h2 className="text-xl font-semibold mb-2 line-clamp-2">
               {article.title}
             </h2>

frontend/src/components/routes/LiveBlogsComponent.tsx

@@ -38,7 +38,7 @@ export function LiveBlogsComponent() {
         {data?.data.map((liveBlog) => (
            <Link
             key={liveBlog.id}
-            to={`/live-blogs/${liveBlog.slug}` as any}
+             to={`/live-blogs/${liveBlog.slug}`}
             className="p-6 rounded-xl border bg-card hover:shadow-lg transition-shadow cursor-pointer block"
           >
             <div className="flex items-start justify-between mb-4">

frontend/src/hooks/useLiveBlogStream.ts

@@ -1,4 +1,4 @@
-import { useEffect, useRef, useState } from 'react';
+import { useEffect, useRef, useState, useMemo } from 'react';
 
 export interface LiveBlogStreamEvent {
   type: 'connected' | 'update' | 'status-change' | 'pin-update' | 'error';
@@ -22,7 +22,7 @@ export function useLiveBlogStream(
     maxReconnectAttempts: 10,
   };
   
-  const mergedOptions = { ...defaultOptions, ...options };
+  const mergedOptions = useMemo(() => ({ ...defaultOptions, ...options }), [options, defaultOptions]);
   const [isConnected, setIsConnected] = useState(false);
   const [lastEvent, setLastEvent] = useState<LiveBlogStreamEvent | null>(null);
   const [connectionError, setConnectionError] = useState<string | null>(null);