diff --git a/packages/react/src/docs/docs/installation.mdx b/packages/react/src/docs/docs/installation.mdx
index cb332c0..01a692f 100644
--- a/packages/react/src/docs/docs/installation.mdx
+++ b/packages/react/src/docs/docs/installation.mdx
@@ -1,3 +1,5 @@
+import { LoadedCode } from "@/components/LoadedCode";
+
 # Installation
 
 Unfortunately, this library is not have its CLI or a script to install quickly and easily.
@@ -9,6 +11,7 @@ But don't worry, you can install it manually.
 1. Install [TailwindCSS](https://tailwindcss.com/docs/installation) and [tailwind-merge](https://github.com/dhiwise/tailwind-merge)
 2. Copy & paste `shared.ts` for shared utility used by components.
     * You can place it anywhere you want. Just make sure to fix the import in components.
+    * <LoadedCode from="https://raw.githubusercontent.com/p-sw/ui/main/packages/react/shared.tsx" />
 3. Copy & paste components you want to use.
 4. Import, and use it.