diff --git a/docs/useBeforeUnload.md b/docs/useBeforeUnload.md
index 582596f2..f95cfe91 100644
--- a/docs/useBeforeUnload.md
+++ b/docs/useBeforeUnload.md
@@ -14,7 +14,7 @@ const Demo = () => {
 
   return (
     <div>
-      {dirty && 'Try to reload or close tab'}
+      {dirty && <p>Try to reload or close tab</p>}
       <button onClick={() => toggleDirty()}>{dirty ? 'Disable' : 'Enable'}</button>
     </div>
   );
diff --git a/src/__stories__/useBeforeUnload.story.tsx b/src/__stories__/useBeforeUnload.story.tsx
index 28abe94d..05a6358e 100644
--- a/src/__stories__/useBeforeUnload.story.tsx
+++ b/src/__stories__/useBeforeUnload.story.tsx
@@ -9,7 +9,7 @@ const Demo = () => {
 
   return (
     <div>
-      {dirty && 'Try to reload or close tab'}
+      {dirty && <p>Try to reload or close tab</p>}
       <button onClick={() => toggleDirty()}>{dirty ? 'Disable' : 'Enable'}</button>
     </div>
   );