refactor: enhance event type parsing in useSandboxEventFilters

- Introduced useMemo for optimized parsing of event types, ensuring efficient updates based on filter changes.
- Added useEffect to reset filters when parsing fails, improving error handling and robustness.
- This change enhances the maintainability and reliability of the useSandboxEventFilters hook.

Author: sarimrmalik

src/features/dashboard/sandbox/events/use-sandbox-event-filters.ts

@@ -1,7 +1,7 @@
 'use client'
 
 import { useQueryStates } from 'nuqs'
-import { useCallback } from 'react'
+import { useCallback, useEffect, useMemo } from 'react'
 import {
   type SandboxLifecycleEventType,
   SandboxLifecycleEventTypeSchema,
@@ -17,25 +17,25 @@ const DEFAULT_SANDBOX_EVENTS_ORDER: SandboxEventsOrder = 'desc'
 const toUrlValue = (type: SandboxLifecycleEventType) =>
   type.split('.').slice(2).join('.')
 
-// Re-adds the "sandbox.lifecycle." prefix from a URL value, e.g. "created" -> "sandbox.lifecycle.created"
-const fromUrlValue = (
-  value: string | null
-): SandboxLifecycleEventType | null => {
-  if (!value) return null
-  const parsed = SandboxLifecycleEventTypeSchema.safeParse(
-    `sandbox.lifecycle.${value}`
-  )
-  return parsed.success ? parsed.data : null
-}
-
 export const useSandboxEventFilters = () => {
   const [filters, setFilters] = useQueryStates(sandboxEventsFilterParams, {
     shallow: true,
   })
 
-  const type = fromUrlValue(filters.type)
+  const parsedType = useMemo(() => {
+    if (!filters.type) return null
+
+    return SandboxLifecycleEventTypeSchema.safeParse(
+      `sandbox.lifecycle.${filters.type}`
+    )
+  }, [filters.type])
+  const type = parsedType?.success ? parsedType.data : null
   const order = filters.order ?? DEFAULT_SANDBOX_EVENTS_ORDER
 
+  useEffect(() => {
+    if (parsedType && !parsedType.success) setFilters({ type: null })
+  }, [parsedType, setFilters])
+
   const setType = useCallback(
     (type: SandboxLifecycleEventType | null) => {
       setFilters({ type: type ? toUrlValue(type) : null })