3 files changed, 5 insertions, 5 deletions
diff --git a/examples/docs/src/components/Header/AstroLogo.astro b/examples/docs/src/components/Header/AstroLogo.astro
index 6c8b5b9ce..1363b3e32 100644
--- a/examples/docs/src/components/Header/AstroLogo.astro
+++ b/examples/docs/src/components/Header/AstroLogo.astro
@@ -2,7 +2,7 @@
 type Props = {
 	size: number;
 };
-const { size } = Astro.props as Props;
+const { size } = Astro.props;
 ---
 
 <svg
diff --git a/examples/docs/src/components/Header/Header.astro b/examples/docs/src/components/Header/Header.astro
index 58fe46ee9..3f578480b 100644
--- a/examples/docs/src/components/Header/Header.astro
+++ b/examples/docs/src/components/Header/Header.astro
@@ -1,6 +1,6 @@
 ---
 import { getLanguageFromURL, KNOWN_LANGUAGE_CODES } from '../../languages';
-import * as CONFIG from '../../config';
+import { SITE } from '../../consts';
 import AstroLogo from './AstroLogo.astro';
 import SkipToContent from './SkipToContent.astro';
 import SidebarToggle from './SidebarToggle';
@@ -11,7 +11,7 @@ type Props = {
 	currentPage: string;
 };
 
-const { currentPage } = Astro.props as Props;
+const { currentPage } = Astro.props;
 const lang = getLanguageFromURL(currentPage);
 ---
 
@@ -24,7 +24,7 @@ const lang = getLanguageFromURL(currentPage);
 		<div class="logo flex">
 			<a href="/">
 				<AstroLogo size={40} />
-				<h1>{CONFIG.SITE.title ?? 'Documentation'}</h1>
+				<h1>{SITE.title ?? 'Documentation'}</h1>
 			</a>
 		</div>
 		<div style="flex-grow: 1;"></div>
diff --git a/examples/docs/src/components/Header/Search.tsx b/examples/docs/src/components/Header/Search.tsx
index 19ff9fa78..620941e3a 100644
--- a/examples/docs/src/components/Header/Search.tsx
+++ b/examples/docs/src/components/Header/Search.tsx
@@ -1,6 +1,6 @@
 /** @jsxImportSource react */
 import { useState, useCallback, useRef } from 'react';
-import { ALGOLIA } from '../../config';
+import { ALGOLIA } from '../../consts';
 import '@docsearch/css';
 import './Search.css';