diff --git a/package.json b/package.json
index 6c176321..626206d5 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
-  "name": "hypertrons-crx",
-  "version": "1.1.0",
+  "name": "hypercrx",
+  "version": "1.3.0",
   "private": true,
   "description": "Hypertrons Chromium Extension",
   "license": "Apache",
@@ -13,6 +13,7 @@
     "prettier": "prettier --write '**/*.{js,jsx,css,html}'"
   },
   "dependencies": {
+    "@antv/g6": "^4.5.3",
     "@antv/graphin": "^2.0.6",
     "@antv/graphin-components": "^2.0.7",
     "@fluentui/react": "^7.121.1",
diff --git a/publish/update_information.json b/publish/update_information.json
index 9aea3162..5127f6d9 100644
--- a/publish/update_information.json
+++ b/publish/update_information.json
@@ -1,6 +1,6 @@
 {
   "chrome": {
-    "latest_version":"1.0.1",
+    "latest_version":"1.3.0",
     "url":"https://chrome.google.com/webstore/detail/hypertrons-crx/jkgfcnkgfapbckbpgobmgiphpknkiljm"
   },
   "edge": {
@@ -8,7 +8,7 @@
     "url":"https://microsoftedge.microsoft.com/addons/detail/hypertronscrx/lfdjlbagcbpjpdhlllcgglplcccnigip"
   },
   "develop": {
-    "latest_version":"1.0.1",
+    "latest_version":"1.3.0",
     "url":"https://github.com/hypertrons/hypertrons-crx/releases"
   }
 }
diff --git a/src/pages/Content/ContributorsActivityEvolution.tsx b/src/pages/Content/ContributorsActivityEvolution.tsx
index 99b5166b..379170e6 100644
--- a/src/pages/Content/ContributorsActivityEvolution.tsx
+++ b/src/pages/Content/ContributorsActivityEvolution.tsx
@@ -106,7 +106,7 @@ const ContributorsActivityEvolution: React.FC<ContributorsActivityEvolutionProps
             <div style={{ margin: '10px 0 20px 20px' }}>
               <Stack className="hypertrons-crx-border">
                 <Stack.Item align="center">
-            <DynamicBar theme={githubTheme} width={700} height={600} barNumber={20} digitNumber={2} duration={20} dateLabelSize={30} dataUrl={`${API_TARGET}/dynamicbar_activities_v2/latest/${currentRepo}.csv`}/>
+            <DynamicBar theme={githubTheme as 'light' | 'dark'} width={700} height={600} barNumber={20} digitNumber={2} duration={20} dateLabelSize={30} dataUrl={`${API_TARGET}/dynamicbar_activities_v2/latest/${currentRepo}.csv`}/>
                 </Stack.Item>
               </Stack>
             </div>
diff --git a/webpack.config.js b/webpack.config.js
index 0d5a8947..0fa4ecb9 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -76,7 +76,7 @@ var options = {
       },
       {
         test: /\.css$/,
-        use: ['style-loader','css-loader'],
+        use: ['style-loader', 'css-loader'],
         sideEffects: true,
       },
     ],
@@ -85,7 +85,7 @@ var options = {
     alias: alias,
     extensions: fileExtensions
       .map((extension) => '.' + extension)
-      .concat(['.jsx', '.js', '.ts','.tsx', '.css']),
+      .concat(['.jsx', '.js', '.ts', '.tsx', '.css']),
   },
   plugins: [
     new webpack.ProgressPlugin(),
@@ -109,7 +109,7 @@ var options = {
                 description: process.env.npm_package_description,
                 version: process.env.npm_package_version,
                 ...JSON.parse(content.toString()),
-                content_security_policy:content_security_policy
+                content_security_policy: content_security_policy,
               })
             );
           },
@@ -161,9 +161,12 @@ var options = {
       keyFile: 'build.pem',
       contentPath: 'build',
       outputPath: 'release',
-      name: 'hypertrons-crx'
-    })
+      name: 'hypercrx',
+    }),
   ],
+  node: {
+    fs: 'empty',
+  },
 };
 
 if (ENV.NODE_ENV === 'development') {