diff --git a/static/app/views/settings/project/projectKeys/details/loaderSettings.tsx b/static/app/views/settings/project/projectKeys/details/loaderSettings.tsx
index 0a6f14bb68107b..64755cf30663ab 100644
--- a/static/app/views/settings/project/projectKeys/details/loaderSettings.tsx
+++ b/static/app/views/settings/project/projectKeys/details/loaderSettings.tsx
@@ -226,8 +226,16 @@ export function LoaderSettings({keyId, orgSlug, project, data, updateData}: Prop
? t('Only available in SDK version 7.x and above')
: data.dynamicSdkLoaderOptions.hasReplay
? tct(
- 'When using Replay, the loader will load the ES6 bundle instead of the ES5 bundle. The default configurations are [codeReplay:replaysSessionSampleRate: 0.1] and [codeError:replaysOnErrorSampleRate: 1]. [configDocs:Read the docs] to learn how to configure this.',
+ `[es5Warning]The default configurations are [codeReplay:replaysSessionSampleRate: 0.1] and [codeError:replaysOnErrorSampleRate: 1]. [configDocs:Read the docs] to learn how to configure this.`,
{
+ es5Warning:
+ // latest is deprecated but resolves to v7
+ data.browserSdkVersion === '7.x' ||
+ data.browserSdkVersion === 'latest'
+ ? t(
+ 'When using Replay, the loader will load the ES6 bundle instead of the ES5 bundle.'
+ ) + ' '
+ : '',
codeReplay:
,
codeError:
,
configDocs: (
@@ -265,5 +273,5 @@ export function LoaderSettings({keyId, orgSlug, project, data, updateData}: Prop
}
function sdkVersionSupportsPerformanceAndReplay(sdkVersion: string): boolean {
- return sdkVersion === 'latest' || sdkVersion === '7.x';
+ return sdkVersion === 'latest' || sdkVersion === '7.x' || sdkVersion === '8.x';
}