Update linking docs

Author: satya164

blog/2020-05-16-web-support.md

@@ -38,9 +38,11 @@ Example:
 const linking = {
   prefixes: ['https://mychat.com', 'mychat://'],
   config: {
-    Home: '',
-    Profile: ':id/profile',
-    Settings: ':id/blog',
+    screens: {
+      Home: '',
+      Profile: ':id/profile',
+      Settings: ':id/blog',
+    }
   },
 };
 

package.json

@@ -14,7 +14,7 @@
     "@docusaurus/core": "2.0.0-alpha.43",
     "@docusaurus/plugin-google-analytics": "^2.0.0-alpha.37",
     "@docusaurus/preset-classic": "2.0.0-alpha.43",
-    "@react-navigation/core": "^5.10.0",
+    "@react-navigation/core": "^5.11.0",
     "classnames": "^2.2.6",
     "escape-html": "^1.0.3",
     "mkdirp": "^1.0.3",

src/components/LinkingTester.js

@@ -16,21 +16,23 @@ export default function LinkingTester() {
 
   const [rawConfig, setRawConfig] = React.useState(
     `{
-  Home: {
-    initialRouteName: 'Feed',
-    screens: {
-      Profile: {
-        path: 'user/:id',
-        parse: {
-          id: id => id.replace(/^@/, ''),
-        },
-        screens: {
-          Settings: 'edit',
+  screens: {
+    Home: {
+      initialRouteName: 'Feed',
+      screens: {
+        Profile: {
+          path: 'user/:id',
+          parse: {
+            id: id => id.replace(/^@/, ''),
+          },
+          screens: {
+            Settings: 'edit',
+          },
         },
       },
     },
-  },
-  NoMatch: '*',
+    NoMatch: '*',
+  }
 }`
   );
 
@@ -114,7 +116,7 @@ export default function LinkingTester() {
           </Highlight>
         ) : state ? (
           <RouteMap routes={state.routes} />
-        ) : null}
+        ) : <p style={styles.error}>Failed to parse the path. Make sure that the path matches the patterns specified in the config.</p>}
       </div>
     </>
   );
@@ -169,4 +171,8 @@ const styles = {
     MozAppearance: 'none',
     WebkitAppearance: 'none',
   },
+  error: {
+    margin: 24,
+    color: '#A12027'
+  }
 };