fix: hook infinite loop call

src/app/collective-rewards/whitelist/hooks/useGetFilteredBuilders.ts

@@ -1,7 +1,7 @@
-import { useEffect, useState } from 'react'
-import { BuilderStatusFilter } from '@/app/collective-rewards/whitelist'
-import { BuilderProposal, useBuilderContext } from '@/app/collective-rewards/user'
 import { BuilderStateDetails } from '@/app/collective-rewards/types'
+import { useBuilderContext } from '@/app/collective-rewards/user'
+import { BuilderStatusFilter } from '@/app/collective-rewards/whitelist'
+import { useMemo } from 'react'
 
 type FetchWhitelistedBuildersFilter = {
   builderName: string
@@ -16,10 +16,9 @@ export const useGetFilteredBuilders = ({
   status: filterStatus,
   stateFlags,
 }: FetchWhitelistedBuildersFilter) => {
-  const [data, setData] = useState<BuilderProposal[]>([])
   const { data: builders, isLoading, error } = useBuilderContext()
 
-  useEffect(() => {
+  const data = useMemo(() => {
     let filteredBuilders = builders
 
     if (filterBuilderName) {
@@ -42,8 +41,7 @@ export const useGetFilteredBuilders = ({
     if (filterStatus !== 'all') {
       filteredBuilders = filteredBuilders.filter(builder => builder.status === filterStatus)
     }
-
-    setData(filteredBuilders)
+    return filteredBuilders
   }, [builders, filterBuilderName, filterStatus, stateFlags])
 
   return {