diff --git a/website/docs/concepts/function-components/hooks/introduction.mdx b/website/docs/concepts/function-components/hooks/introduction.mdx
index 7990b24eba8..73171afbfc4 100644
--- a/website/docs/concepts/function-components/hooks/introduction.mdx
+++ b/website/docs/concepts/function-components/hooks/introduction.mdx
@@ -7,7 +7,7 @@ slug: /concepts/function-components/hooks
 
 Hooks are functions that let you store state and perform side effects.
 
-Yew comes with a few [predefined hooks](/concepts/function-components/hooks/predefined-hooks).
+Yew comes with a few [predefined hooks](/concepts/function-components/hooks/predefined-hooks.mdx).
 There are cases where you want to define your own Hooks to encapsulate potentially stateful logic from a component into reusable functions.
 See the [Defining custom hooks](concepts/function-components/hooks/custom-hooks.mdx#defining-custom-hooks) section for more information.
 You can also discover many [community-made hooks](/community/awesome#hooks).