Next js app directory + live provider + supabase
Good afternoon, I am using live provider + supabase + next js with app directory,
With the following code
But I'm having the following problem
With the following code
import { liveProvider } from '@refinedev/supabase';
import { supabaseBrowserClient } from '@utils/supabase/client';
<Refine
routerProvider={routerProvider}
authProvider={authProviderClient}
dataProvider={dataProvider}
liveProvider={liveProvider(supabaseBrowserClient)}
notificationProvider={useNotificationProvider}
resources={resources}
options={{
liveMode: 'auto',
syncWithLocation: true,
disableTelemetry: true,
mutationMode: 'optimistic',
}}>
{children}
<RefineKbar />
</Refine>import { liveProvider } from '@refinedev/supabase';
import { supabaseBrowserClient } from '@utils/supabase/client';
<Refine
routerProvider={routerProvider}
authProvider={authProviderClient}
dataProvider={dataProvider}
liveProvider={liveProvider(supabaseBrowserClient)}
notificationProvider={useNotificationProvider}
resources={resources}
options={{
liveMode: 'auto',
syncWithLocation: true,
disableTelemetry: true,
mutationMode: 'optimistic',
}}>
{children}
<RefineKbar />
</Refine>But I'm having the following problem
Error: Functions cannot be passed directly to Client Components unless you explicitly expose it by marking it with "use server". Or maybe you meant to call this function rather than return it.
{subscribe: function subscribe, unsubscribe: ...}
^^^^^^^^^^^^^^^^^^Error: Functions cannot be passed directly to Client Components unless you explicitly expose it by marking it with "use server". Or maybe you meant to call this function rather than return it.
{subscribe: function subscribe, unsubscribe: ...}
^^^^^^^^^^^^^^^^^^
