update pay function

boilerplate-chakra-pro-main/components/providers.tsx

@@ -0,0 +1,13 @@
+'use client';
+
+import theme from '@/theme/theme';
+import { CacheProvider } from '@chakra-ui/next-js';
+import { ChakraProvider } from '@chakra-ui/react';
+
+export function Providers({ children }: { children: React.ReactNode }) {
+  return (
+    <CacheProvider>
+      <ChakraProvider theme={theme}>{children}</ChakraProvider>
+    </CacheProvider>
+  );
+}