diff --git a/pages/forms/[id]/form/react.tsx b/pages/forms/[id]/form/react.tsx
index ff2642db68..55244a7907 100644
--- a/pages/forms/[id]/form/react.tsx
+++ b/pages/forms/[id]/form/react.tsx
@@ -92,7 +92,16 @@ function ReactPage() {
             <div className="p-8 font-light text-gray-200 bg-[#1a1b26] rounded-md">
               <pre>
                 <code className="javascript">
-                  {`<SnoopForm
+                  {`import {
+  SnoopForm,
+  SnoopPage,
+  SnoopElement
+} from "@snoopforms/react";
+import "@snoopforms/react/dist/styles.css";
+
+...
+                  
+<SnoopForm
   domain="${window?.location.host}"
   protocol="${window?.location.protocol.replace(":", "")}">