I'm getting an error when trying to call the list method on a client component

[danielmariz]

I've created a custom hook in a client component to handle the fetching from a filter list

const useProductsFilter = () => {
    const [filteredProducts, setFilteredProducts] = useState<swell.ResultsResponse<swell.Product> | undefined>(undefined)
    const [isFiltering, setIsFiltering] = useState<boolean>(true);
    const [error, setError] = useState<any>(null);

    const filterProducts = async (searchParams:ProductsFiltersFormProps['searchParams']) => {
        setIsFiltering(true)
        try {
            console.log('Filtering products with ', searchParams)
            const result = await swell.products.list({
                limit: 87,
                $filters: searchParams,
            })
            setFilteredProducts(result)
            console.log('filter results ', result)
            if(error)
                setError(null)
        } catch (error) {
            setError(error)
        } finally {
            setIsFiltering(false);
        }
    }

    const applyFilters = (searchParams:ProductsFiltersFormProps['searchParams']) => {
        filterProducts(searchParams)
    }

    return {filteredProducts, isFiltering, applyFilters};
}

But I'm catching this error which doesn't happen when I use the same method on a server side component

TypeError: allOptions.getCookie is not a function at request (api.14617c65.mjs:247:52) at Object.list (index.b29eadc6.mjs:506:20) at filterProducts (ProductsFiltersForm.tsx:25:49) at applyFilters (ProductsFiltersForm.tsx:41:9) at eval (ProductsFiltersForm.tsx:57:13) at commitHookEffectListMount (react-dom.development.js:20004:23) at commitHookPassiveMountEffects (react-dom.development.js:22057:7) at commitPassiveMountOnFiber (react-dom.development.js:22162:11) at recursivelyTraversePassiveMountEffects (react-dom.development.js:22140:7) at commitPassiveMountOnFiber (react-dom.development.js:22273:9) at recursivelyTraversePassiveMountEffects (react-dom.development.js:22140:7) at commitPassiveMountOnFiber (react-dom.development.js:22273:9) at recursivelyTraversePassiveMountEffects (react-dom.development.js:22140:7) at commitPassiveMountOnFiber (react-dom.development.js:22273:9) at recursivelyTraversePassiveMountEffects (react-dom.development.js:22140:7) at commitPassiveMountOnFiber (react-dom.development.js:22159:9) at recursivelyTraversePassiveMountEffects (react-dom.development.js:22140:7) at commitPassiveMountOnFiber (react-dom.development.js:22273:9) at recursivelyTraversePassiveMountEffects (react-dom.development.js:22140:7) at commitPassiveMountOnFiber (react-dom.development.js:22159:9) at recursivelyTraversePassiveMountEffects (react-dom.development.js:22140:7) at commitPassiveMountOnFiber (react-dom.development.js:22159:9) at recursivelyTraversePassiveMountEffects (react-dom.development.js:22140:7) at commitPassiveMountOnFiber (react-dom.development.js:22237:13) at recursivelyTraversePassiveMountEffects (react-dom.development.js:22140:7) at commitPassiveMountOnFiber (react-dom.development.js:22273:9) at recursivelyTraversePassiveMountEffects (react-dom.development.js:22140:7) at commitPassiveMountOnFiber (react-dom.development.js:22159:9) at recursivelyTraversePassiveMountEffects (react-dom.development.js:22140:7) at commitPassiveMountOnFiber (react-dom.development.js:22159:9) at recursivelyTraversePassiveMountEffects (react-dom.development.js:22140:7) at commitPassiveMountOnFiber (react-dom.development.js:22273:9) at recursivelyTraversePassiveMountEffects (react-dom.development.js:22140:7) at commitPassiveMountOnFiber (react-dom.development.js:22159:9) at recursivelyTraversePassiveMountEffects (react-dom.development.js:22140:7) at commitPassiveMountOnFiber (react-dom.development.js:22159:9) at recursivelyTraversePassiveMountEffects (react-dom.development.js:22140:7) at commitPassiveMountOnFiber (react-dom.development.js:22273:9) at recursivelyTraversePassiveMountEffects (react-dom.development.js:22140:7) at commitPassiveMountOnFiber (react-dom.development.js:22273:9) at recursivelyTraversePassiveMountEffects (react-dom.development.js:22140:7) at commitPassiveMountOnFiber (react-dom.development.js:22159:9) at recursivelyTraversePassiveMountEffects (react-dom.development.js:22140:7) at commitPassiveMountOnFiber (react-dom.development.js:22273:9) at recursivelyTraversePassiveMountEffects (react-dom.development.js:22140:7) at commitPassiveMountOnFiber (react-dom.development.js:22273:9) at recursivelyTraversePassiveMountEffects (react-dom.development.js:22140:7) at commitPassiveMountOnFiber (react-dom.development.js:22273:9) at recursivelyTraversePassiveMountEffects (react-dom.development.js:22140:7) at commitPassiveMountOnFiber (react-dom.development.js:22159:9)
Does anyone knows how to handle this?

[danielmariz]

I got it sorted, I had to run init method on each file I'm calling swell it seems