From 986a514af8f1b58d69790315bcaaaa803f418998 Mon Sep 17 00:00:00 2001
From: Viktoryia Kliushun <vikstash@gmail.com>
Date: Thu, 2 Nov 2023 13:36:14 +0300
Subject: [PATCH] fix: HeaderWithBackButton storybook error

---
 src/stories/HeaderWithBackButton.stories.js | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/stories/HeaderWithBackButton.stories.js b/src/stories/HeaderWithBackButton.stories.js
index 38d816b8fdd2..eb31413de1d5 100644
--- a/src/stories/HeaderWithBackButton.stories.js
+++ b/src/stories/HeaderWithBackButton.stories.js
@@ -1,5 +1,8 @@
 import React from 'react';
 import HeaderWithBackButton from '@components/HeaderWithBackButton';
+import withNavigationFallback from '@components/withNavigationFallback';
+
+const HeaderWithBackButtonWithNavigation = withNavigationFallback(HeaderWithBackButton);
 
 /**
  * We use the Component Story Format for writing stories. Follow the docs here:
@@ -8,12 +11,12 @@ import HeaderWithBackButton from '@components/HeaderWithBackButton';
  */
 const story = {
     title: 'Components/HeaderWithBackButton',
-    component: HeaderWithBackButton,
+    component: HeaderWithBackButtonWithNavigation,
 };
 
 function Template(args) {
     // eslint-disable-next-line react/jsx-props-no-spreading
-    return <HeaderWithBackButton {...args} />;
+    return <HeaderWithBackButtonWithNavigation {...args} />;
 }
 
 // Arguments can be passed to the component by binding