From 668db1961c678879f4df59bb2554f5c7113319a1 Mon Sep 17 00:00:00 2001
From: Fahri Gedik <fahrican9978@gmail.com>
Date: Fri, 15 May 2026 15:04:50 +0300
Subject: [PATCH] docs(react-native): escape multi-line JSX double-braces too

Previous Scriban-escape pass only matched single-line `{{ ... }}` blocks
and missed the two multi-line ones in BookStoreNavigator and
BottomTabNavigator (the Stack.Screen / Tab.Screen `options={{ ... }}`
props). Linter still failed on docs/en/tutorials/mobile/react-native/index.md#L363.

Wraps both multi-line objects with the same `{%{{{ ... }}}%}` escape, taking
the total escape count to 15/15 balanced and leaving no naked JSX
double-braces in the file.
---
 docs/en/tutorials/mobile/react-native/index.md | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/docs/en/tutorials/mobile/react-native/index.md b/docs/en/tutorials/mobile/react-native/index.md
index 757765681d..84cf3599f0 100644
--- a/docs/en/tutorials/mobile/react-native/index.md
+++ b/docs/en/tutorials/mobile/react-native/index.md
@@ -359,12 +359,12 @@ export default function BookStoreStackNavigator() {
       <Stack.Screen
         name="BookStore"
         component={BookStoreScreen}
-        options={{
+        options={%{{{
           title: t('BookStore::Menu:BookStore'),
           headerStyle: { backgroundColor: headerBg },
           headerTintColor: headerText,
           headerShadowVisible: false,
-        }}
+        }}}%}
       />
       <Stack.Screen
         name="CreateUpdateBook"
@@ -443,12 +443,12 @@ export default function BottomTabNavigator() {
         <Tab.Screen
           name="BookStoreTab"
           component={BookStoreStackNavigator}
-          options={{
+          options={%{{{
             title: t('BookStore::Menu:BookStore'),
             tabBarIcon: ({ focused, color, size }) => (
               <Ionicons name={focused ? 'book' : 'book-outline'} size={size} color={color} />
             ),
-          }}
+          }}}%}
         />
       ) : null}