fix: build doc and blog failed

website/package.json

@@ -18,7 +18,7 @@
     "@docusaurus/module-type-aliases": "^2.0.0-beta.6",
     "@svgr/webpack": "^5.5.0",
     "@tsconfig/docusaurus": "^1.0.4",
-    "@types/react": "^18.0.20",
+    "@types/react": "^17.0.20",
     "@types/react-helmet": "^6.1.2",
     "@types/react-lazy-load-image-component": "^1.5.2",
     "@types/react-router-dom": "^5.1.8",
@@ -29,9 +29,9 @@
     "typescript": "^4.4.2"
   },
   "dependencies": {
-    "@chakra-ui/icons": "2.0.17",
-    "@chakra-ui/pro-theme": "^0.0.64",
-    "@chakra-ui/react": "2.5.1",
+    "@chakra-ui/icons": "^1.1.7",
+    "@chakra-ui/pro-theme": "0.0.27",
+    "@chakra-ui/react": "^1.8.8",
     "@docusaurus/core": "2.0.0-beta.6",
     "@docusaurus/logger": "^2.0.0-rc.1",
     "@docusaurus/preset-classic": "2.0.0-beta.6",
@@ -44,15 +44,15 @@
     "clsx": "^1.1.1",
     "docusaurus-plugin-sass": "^0.2.2",
     "fitty": "^2.3.6",
-    "framer-motion": "^12.4.1",
+    "framer-motion": "6.5.1",
     "gsap": "^3.7.1",
     "lethargy": "^1.0.9",
     "patch-package": "^6.4.7",
     "postinstall-postinstall": "^2.1.0",
     "raw-loader": "^4.0.2",
     "rc-image": "^5.6.2",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
     "react-icons": "^5.5.0",
     "react-lazy-load-image-component": "^1.5.4",
     "react-spring": "^9.4.5",

website/src/theme/AIGateway/Button.tsx

@@ -1,7 +1,6 @@
 /* eslint-disable no-underscore-dangle */
-import { defineStyleConfig } from '@chakra-ui/react';
 
-const Button = defineStyleConfig({
+const Button = {
   variants: {
     outline: {
       borderRadius: '5px',
@@ -66,6 +65,6 @@ const Button = defineStyleConfig({
     variant: 'outline',
     colorScheme: 'brand',
   },
-});
+};
 
 export default Button;

website/src/theme/AIGateway/Container.tsx

@@ -1,6 +1,4 @@
-import { defineStyleConfig } from '@chakra-ui/react';
-
-const Container = defineStyleConfig({
+const Container = {
   variants: {
     primary: {
       px: '20px',
@@ -9,6 +7,6 @@ const Container = defineStyleConfig({
   defaultProps: {
     variant: 'primary',
   },
-});
+};
 
 export default Container;

website/src/theme/AIGateway/Heading.tsx

@@ -1,6 +1,4 @@
-import { defineStyleConfig } from '@chakra-ui/react';
-
-const Heading = defineStyleConfig({
+const Heading = {
   variants: {
     h1: {
       fontSize: ['36px', '56px'],
@@ -35,6 +33,6 @@ const Heading = defineStyleConfig({
       lineHeight: '1.2',
     },
   },
-});
+};
 
 export default Heading;

website/src/theme/AIGateway/Icon.tsx

@@ -1,5 +1,3 @@
-import { defineStyleConfig } from '@chakra-ui/react';
-
-const Icon = defineStyleConfig({});
+const Icon = {};
 
 export default Icon;

website/src/theme/AIGateway/Link.tsx

@@ -1,7 +1,6 @@
 /* eslint-disable no-underscore-dangle */
-import { defineStyleConfig } from '@chakra-ui/react';
 
-const Link = defineStyleConfig({
+const Link = {
   variants: {
     primary: (props) => {
       const { colorScheme = 'brand' } = props;
@@ -22,6 +21,6 @@ const Link = defineStyleConfig({
       };
     },
   },
-});
+};
 
 export default Link;

website/src/theme/AIGateway/Text.tsx

@@ -1,6 +1,4 @@
-import { defineStyleConfig } from '@chakra-ui/react';
-
-const Text = defineStyleConfig({
+const Text = {
   variants: {
     'heading-desc': {
       fontSize: ['18px', '20px'],
@@ -12,6 +10,6 @@ const Text = defineStyleConfig({
       lineHeight: '1.5',
     },
   },
-});
+};
 
 export default Text;