added configuration code examples

Author: osharaf-mdb

source/frameworks/react/providers-hooks.txt

@@ -145,7 +145,8 @@ to configure a realm or exposing more than one realm, refer to their respective
       You *must* nest the Providers and app components as shown below to ensure each component
       has access to its required context:
 
-      [Code example here]
+      .. literalinclude:: /examples/generated/react-native/ts/configure-realm-sync.test.snippet.configure-realm-sync-full.tsx
+        :language: javascript
 
    .. tab:: Configure realm without sync
       :tabid: configure-non-sync-realm
@@ -163,7 +164,8 @@ to configure a realm or exposing more than one realm, refer to their respective
       Once your ``RealmProvider`` has been configured, nest your app components within it to
       give them access to the realm opened. 
 
-      [code example - unsynced]
+      .. literalinclude:: /examples/generated/react-native/ts/configure-realm-local.test.snippet.configure-realm.tsx
+        :language: typescript
 
 
 Working with Providers using Hooks