fix: Get absoluteUrl from docusaurus context

HonzaTuron · HonzaTuron · commit 160f28315837 · 2025-10-21T15:03:08.000+02:00
diff --git a/apify-docs-theme/src/theme/Layout/index.jsx b/apify-docs-theme/src/theme/Layout/index.jsx
@@ -3,14 +3,14 @@ import { useLocation } from '@docusaurus/router';
 // cannot use any of the theme aliases here as it causes a circular dependency :( ideas welcome
 import Layout from '@docusaurus/theme-classic/lib/theme/Layout/index';
 import useBaseUrl from '@docusaurus/useBaseUrl';
+import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
 import { usePluginData } from '@docusaurus/useGlobalData';
 import React from 'react';
 
-import { absoluteUrl } from '../../absoluteUrl';
-
 export default function LayoutWrapper(props) {
     const { options: { subNavbar } } = usePluginData('@apify/docs-theme');
     const baseUrl = useBaseUrl('/');
+    const { siteConfig: { customFields } } = useDocusaurusContext();
     const currentPath = useLocation().pathname.replace(new RegExp(`^${baseUrl}`), '').trim();
     const shouldRenderAlternateLink = currentPath && currentPath !== '404';
 
@@ -19,7 +19,7 @@ export default function LayoutWrapper(props) {
             <Head>
                 {
                     shouldRenderAlternateLink
-                        ? <link rel="alternate" type="text/markdown" href={`${absoluteUrl}/${currentPath}.md`}/>
+                        ? <link rel="alternate" type="text/markdown" href={`${customFields.absoluteUrl}/${currentPath}.md`}/>
                         : null
                 }
             </Head>
diff --git a/docusaurus.config.js b/docusaurus.config.js
@@ -538,6 +538,7 @@ module.exports = {
             '^/legal/*',
         ],
         ...config.customFields ?? [],
+        absoluteUrl: config.absoluteUrl,
     },
     clientModules: ['./clientModule.js'],
 };
