also provide a function that can return the version, so we can use it

outside of code blocks

Author: Chickensoupwithrice

docs/admin/deploy/docker-compose/upgrade.mdx

@@ -24,7 +24,7 @@ git merge {CURRENT_VERSION}
 
 For each conflict, you need to reconcile any customizations you made with the updates from the new version. Use the information you gathered earlier from the change log and changes list to interpret the merge conflict and to ensure that it doesn't over-write your customizations. You may need to update your customizations to accommodate the new version.
 
-> NOTE: If you have made no changes or only very minimal changes to your configuration, you can also ask git to always select incoming changes in the event of merge conflicts. In the following example merges will be accepted from the upstream version {CURREN_VERSION_STRING}:
+> NOTE: If you have made no changes or only very minimal changes to your configuration, you can also ask git to always select incoming changes in the event of merge conflicts. In the following example merges will be accepted from the upstream version {CURREN_VERSION_STRING()}:
 >
 > `git merge -X theirs {CURRENT_VERSION_STRING}`
 >

docs/admin/deploy/repositories.mdx

@@ -64,7 +64,7 @@ You can now deploy using your private copy of the repository you've just created
 
 Before you can upgrade Sourcegraph, you will first update your private copy with the upstream branch, and then merge the upstream release tag for the next minor version into your release branch.
 
-In the following example, the release branch is being upgraded to {CURRENT_VERSION_STRING}.
+In the following example, the release branch is being upgraded to {CURRENT_VERSION_STRING()}.
 
 ```bash
 export YOUR_RELEASE_BRANCH=release-$SG_DEPLOY_VERSION

src/components/PreCodeBlock.tsx

@@ -1,10 +1,23 @@
 import { CopyButton } from '@/components/CopyButton'
-import React, { DetailedHTMLProps, HTMLAttributes, Children, useEffect, useState } from 'react'
+import React, { DetailedHTMLProps, HTMLAttributes, Children } from 'react'
 
 interface PreProps extends DetailedHTMLProps<HTMLAttributes<HTMLPreElement>, HTMLPreElement> {
   raw?: string
 }
 
+interface ReleaseInfo {
+  id: number;
+  name: string;
+  public: boolean;
+  created_at: string;
+  promoted_at: string;
+  version: string;
+  git_sha: string;
+  is_development: boolean;
+  tags: string[] | null;
+  canonical_name: string;
+}
+
 async function getLatestVersion() {
   const url = new URL('https://releaseregistry.sourcegraph.com/v1/releases/sourcegraph/latest');
 
@@ -19,11 +32,14 @@ async function getLatestVersion() {
     throw new Error(`HTTP error! status: ${response.status}`);
   }
 
-  return await response.json();
+  const releaseInfo: ReleaseInfo = await response.json();
+  return releaseInfo.version
 }
 
-const CURRENT_VERSION_S = getLatestVersion()
-export const CURRENT_VERSION_STRING = CURRENT_VERSION_S.version
+export async function CURRENT_VERSION_STRING() {
+  const v = await getLatestVersion()
+  return v
+}
 
 export async function PreCodeBlock({ children, ...props }: PreProps) {
   const propsObj = { ...props }
@@ -43,8 +59,7 @@ export async function PreCodeBlock({ children, ...props }: PreProps) {
   }
 
   const version = await getLatestVersion()
-  const latestVersion = version.version
-  codeContent = codeContent.replace(/{CURRENT_VERSION}/g, latestVersion)
+  codeContent = codeContent.replace(/{CURRENT_VERSION}/g, version)
 
   return (
     <div className="relative">