diff --git a/app/components/syntax/Snippet.tsx b/app/components/syntax/Snippet.tsx
index b7ea54c..76b58df 100644
--- a/app/components/syntax/Snippet.tsx
+++ b/app/components/syntax/Snippet.tsx
@@ -18,9 +18,19 @@ export function Snippet({
   showLineNumbers: boolean;
 }) {
   const { snippets } = useData<Data>();
-
   const snippet = snippets.find((snippet) => snippet.path === path);
-  if (!snippet || !snippet.content) return null;
+
+  if (!snippet || !snippet.content) {
+    return (
+      <div className="bg-red-600/10 p-4 rounded-md flex items-center justify-center">
+        <p className="text-red-500 text-center">
+          <b className="uppercase">Snippet introuvable</b>
+          <br />
+          <code>{path}</code>
+        </p>
+      </div>
+    );
+  }
 
   const props = {
     language,
diff --git a/app/data/docs/react/usereducer/page.md b/app/data/docs/react/usereducer/page.md
index 9a46bad..cba5d32 100644
--- a/app/data/docs/react/usereducer/page.md
+++ b/app/data/docs/react/usereducer/page.md
@@ -97,7 +97,7 @@ Ensuite, on va définir notre état initial :
 {% tabs defaultSelectedTab="js" %}
 {% tab value="js" label="JavaScript" %}
 
-{% snippet path="react/reducer/reducer-initial-state.js" language="js" /%}
+{% snippet path="react/reducer/reducer-initial-statse.js" language="js" /%}
 
 {% /tab %}