diff --git a/packages/react-docs/pages/getting-started/installation/index.page.mdx b/packages/react-docs/pages/getting-started/installation/index.page.mdx
index 9b9cc0a536..87fbe79bca 100644
--- a/packages/react-docs/pages/getting-started/installation/index.page.mdx
+++ b/packages/react-docs/pages/getting-started/installation/index.page.mdx
@@ -24,14 +24,14 @@ It will install all the dependencies for you.
 
 ## Packages
 
-| Name | Description | GitHub | NPM | Documentation |
-| :--- | :---------- | :----- | :-- | :------------ |
-| `@tonic-ui/changelog-github` | {pkg_changelog_github.description} | [View](https://github.com/trendmicro-frontend/tonic-ui/tree/master/packages/changelog-github) | - | - |
-| `@tonic-ui/codemod` | {pkg_codemod.description} | [View](https://github.com/trendmicro-frontend/tonic-ui/tree/master/packages/codemod) | [View](https://www.npmjs.com/package/@tonic-ui/codemod) | - |
-| `@tonic-ui/react` | {pkg_react.description} | [View](https://github.com/trendmicro-frontend/tonic-ui/tree/master/packages/react) | [View](https://www.npmjs.com/package/@tonic-ui/react) | [View](../components) |
-| `@tonic-ui/react-base` | {pkg_react_base.description} | [View](https://github.com/trendmicro-frontend/tonic-ui/tree/master/packages/react-base) | [View](https://www.npmjs.com/package/@tonic-ui/react-base) | - |
-| `@tonic-ui/react-hooks` | {pkg_react_hooks.description} | [View](https://github.com/trendmicro-frontend/tonic-ui/tree/master/packages/react-hooks) | [View](https://www.npmjs.com/package/@tonic-ui/react-hooks) | [View](../hooks) |
-| `@tonic-ui/react-icons` | {pkg_react_icons.description} | [View](https://github.com/trendmicro-frontend/tonic-ui/tree/master/packages/react-icons) | [View](https://www.npmjs.com/package/@tonic-ui/react-icons) | [View](../icons) |
-| `@tonic-ui/styled-system` | {pkg_styled_system.description} | [View](https://github.com/trendmicro-frontend/tonic-ui/tree/master/packages/styled-system) | [View](https://www.npmjs.com/package/@tonic-ui/styled-system) | [View](../styled-system) |
-| `@tonic-ui/theme` | {pkg_theme.description} | [View](https://github.com/trendmicro-frontend/tonic-ui/tree/master/packages/theme) | [View](https://www.npmjs.com/package/@tonic-ui/theme) | [View](../theme) |
-| `@tonic-ui/utils` | {pkg_utils.description} | [View](https://github.com/trendmicro-frontend/tonic-ui/tree/master/packages/utils) | [View](https://www.npmjs.com/package/@tonic-ui/utils) | - |
+| Name | Version | Description | GitHub | NPM | Documentation |
+| :--- | :------ | :---------- | :----- | :-- | :------------ |
+| `@tonic-ui/changelog-github` | {pkg_changelog_github.version} | {pkg_changelog_github.description} | [View](https://github.com/trendmicro-frontend/tonic-ui/tree/master/packages/changelog-github) | - | - |
+| `@tonic-ui/codemod` | {pkg_codemod.version} | {pkg_codemod.description} | [View](https://github.com/trendmicro-frontend/tonic-ui/tree/master/packages/codemod) | [View](https://www.npmjs.com/package/@tonic-ui/codemod) | - |
+| `@tonic-ui/react` | {pkg_react.version} | {pkg_react.description} | [View](https://github.com/trendmicro-frontend/tonic-ui/tree/master/packages/react) | [View](https://www.npmjs.com/package/@tonic-ui/react) | [View](../components) |
+| `@tonic-ui/react-base` | {pkg_react_base.version} | {pkg_react_base.description} | [View](https://github.com/trendmicro-frontend/tonic-ui/tree/master/packages/react-base) | [View](https://www.npmjs.com/package/@tonic-ui/react-base) | - |
+| `@tonic-ui/react-hooks` | {pkg_react_hooks.version} | {pkg_react_hooks.description} | [View](https://github.com/trendmicro-frontend/tonic-ui/tree/master/packages/react-hooks) | [View](https://www.npmjs.com/package/@tonic-ui/react-hooks) | [View](../hooks) |
+| `@tonic-ui/react-icons` | {pkg_react_icons.version} | {pkg_react_icons.description} | [View](https://github.com/trendmicro-frontend/tonic-ui/tree/master/packages/react-icons) | [View](https://www.npmjs.com/package/@tonic-ui/react-icons) | [View](../icons) |
+| `@tonic-ui/styled-system` | {pkg_styled_system.version} | {pkg_styled_system.description} | [View](https://github.com/trendmicro-frontend/tonic-ui/tree/master/packages/styled-system) | [View](https://www.npmjs.com/package/@tonic-ui/styled-system) | [View](../styled-system) |
+| `@tonic-ui/theme` | {pkg_theme.version} | {pkg_theme.description} | [View](https://github.com/trendmicro-frontend/tonic-ui/tree/master/packages/theme) | [View](https://www.npmjs.com/package/@tonic-ui/theme) | [View](../theme) |
+| `@tonic-ui/utils` | {pkg_utils.version} | {pkg_utils.description} | [View](https://github.com/trendmicro-frontend/tonic-ui/tree/master/packages/utils) | [View](https://www.npmjs.com/package/@tonic-ui/utils) | - |