diff --git a/plugins/techdocs/src/reader/components/Reader.tsx b/plugins/techdocs/src/reader/components/Reader.tsx
index bd7ac17a6a..d3aadae6aa 100644
--- a/plugins/techdocs/src/reader/components/Reader.tsx
+++ b/plugins/techdocs/src/reader/components/Reader.tsx
@@ -65,6 +65,8 @@ const useEnforcedTrailingSlash = (): void => {
 };
 
 export const Reader = () => {
+  useEnforcedTrailingSlash();
+
   const location = useLocation();
   const { componentId, '*': path } = useParams();
   const [ref, shadowRoot] = useShadowDom(componentId, path);
@@ -74,8 +76,6 @@ export const Reader = () => {
   ).formatBaseURL();
   const state = useFetch(`${normalizedUrl}index.html`);
 
-  useEnforcedTrailingSlash();
-
   React.useEffect(() => {
     const divElement = shadowDomRef.current;
     if (