<Refine
          routerProvider={routerProvider}
          authProvider={authProviderClient}
          dataProvider={dataProvider}
          liveProvider={liveProvider(supabaseBrowserClient)}
          notificationProvider={useNotificationProvider}
          accessControlProvider={{
            can,
            options: {
              buttons: {
                hideIfUnauthorized: true,
              },
              queryOptions: {
                staleTime: 5 * 60 * 1000, // 5 minutes
                cacheTime: 5 * 60 * 1000, // 5 minutes
              }
            }
          }}
          i18nProvider={i18nProvider}
          resources={[
            {
              name: "home",
              list: "/",
              options: {
                hide: true,
              }
            },
            {
              name: "admin",
              list: "/admin",
              meta: { role: "admin" },
              options: {
                hide: true,
              }
            },
            {
              name: "agent",
              list: "/agent",
              meta: { role: "agent" },
              options: {
                hide: true,
              }
            },
            {
              name: "customer_support",
              list: "/customer-support",
              meta: { role: "customer_support" },
              options: {
                hide: true,
              }
            },
            {
              name: "printing_house",
              list: "/printing-house",
              meta: { role: "printing_house" },
              show: "/printing-house/show/:id",
              options: {
                // hide: true,
              }
            },
        >
          {children}
          <RefineKbar />
        </Refine>