Test commit

docs/snippets/github-stars.js

@@ -0,0 +1,17 @@
+import React, { useEffect, useState } from 'react';
+
+export function GithubStars() {
+  const [stars, setStars] = useState(null);
+
+  useEffect(() => {
+    async function fetchStars() {
+      const response = await fetch('https://api.github.com/repos/AgentOps-AI/agentops');
+      const data = await response.json();
+      const stars = Math.ceil(data.stargazers_count / 1000) * 1000;
+      setStars(stars.toLocaleString());
+    }
+    fetchStars();
+  }, []);
+
+  return <p>{stars ? `${stars}th` : '2,000th'}</p>;
+}

docs/v1/quickstart.mdx

@@ -2,24 +2,8 @@
 title: "Quickstart"
 description: "Start using AgentOps with just 2 lines of code"
 ---
-import SupportedModels from '/snippets/supported-models.mdx'
-import { useEffect, useState } from 'react';
-
-function GitHubStars() {
-  const [stars, setStars] = useState(null);
-
-  useEffect(() => {
-    async function fetchStars() {
-      const response = await fetch('https://api.github.com/repos/AgentOps-AI/agentops');
-      const data = await response.json();
-      const stars = Math.ceil(data.stargazers_count / 1000) * 1000;
-      setStars(stars.toLocaleString());
-    }
-    fetchStars();
-  }, []);
-
-  return stars ? `${stars}th` : '2,000th';
-}
+import { GithubStars } from '/snippets/github-stars'
+import SupportedModels  from '/snippets/supported-models.mdx'
 
 <Steps>
   <Step title="Install the AgentOps SDK">
@@ -31,7 +15,7 @@ function GitHubStars() {
       poetry add agentops
       ```
     </CodeGroup>
-    <Check>[Give us a star](https://github.com/AgentOps-AI/agentops) on GitHub while you're at it (you may be our 2,000th 😊)</Check>
+    <Check>[Give us a star](https://github.com/AgentOps-AI/agentops) on GitHub while you're at it (you may be our <GithubStars />  😊)</Check>
   </Step>
   <Step title="Add 2 lines of code">
     <CodeGroup>