Fix fabric native component example (#3642)

* Fix custom Fabric Native component import example

* Add instructions on updating local npm package

---------

Co-authored-by: Shawn Dempsey <[email protected]>

Author: shwanton

docs/the-new-architecture/pillars-fabric-components.md

@@ -903,6 +903,13 @@ yarn add ../RTNCenteredText
 
 This command adds the `RTNCenteredText` Component to the `node_modules` of your app.
 
+If the package was previously added to your app, you will need to update it:
+
+```sh
+cd MyApp
+yarn upgrade rtn-centered-text
+```
+
 ### iOS
 
 Then, you need to install the new dependencies in your iOS project. To do so, you need to run these commands:
@@ -942,7 +949,7 @@ Finally, you can use the component in your JavaScript application.
  */
 import React from 'react';
 import type {Node} from 'react';
-import RTNCalculator from 'rtn-calculator/js/NativeCalculator';
+import RTNCenteredText from 'rtn-centered-text/js/RTNCenteredTextNativeComponent';
 
 const App: () => Node = () => {
   return (
@@ -966,7 +973,7 @@ export default App;
  * @format
  */
 import React from 'react';
-import RTNCalculator from 'rtn-calculator/js/NativeCalculator';
+import RTNCenteredText from 'rtn-centered-text/js/RTNCenteredTextNativeComponent';
 
 const App: () => JSX.Element = () => {
   return (

website/versioned_docs/version-0.70/the-new-architecture/pillars-fabric-components.md

@@ -804,6 +804,13 @@ yarn add ../RTNCenteredText
 
 This command adds the `RTNCenteredText` Component to the `node_modules` of your app.
 
+If the package was previously added to your app, you will need to update it:
+
+```sh
+cd MyApp
+yarn upgrade rtn-centered-text
+```
+
 ### iOS
 
 Then, you need to install the new dependencies in your iOS project. To do so, you need to run these commands:
@@ -843,7 +850,7 @@ Finally, you can use the component in your JavaScript application.
  */
 import React from 'react';
 import type {Node} from 'react';
-import RTNCalculator from 'rtn-calculator/js/NativeCalculator';
+import RTNCenteredText from 'rtn-centered-text/js/RTNCenteredTextNativeComponent';
 
 const App: () => Node = () => {
   return (
@@ -867,7 +874,7 @@ export default App;
  * @format
  */
 import React from 'react';
-import RTNCalculator from 'rtn-calculator/js/NativeCalculator';
+import RTNCenteredText from 'rtn-centered-text/js/RTNCenteredTextNativeComponent';
 
 const App: () => JSX.Element = () => {
   return (

website/versioned_docs/version-0.71/the-new-architecture/pillars-fabric-components.md

@@ -903,6 +903,13 @@ yarn add ../RTNCenteredText
 
 This command adds the `RTNCenteredText` Component to the `node_modules` of your app.
 
+If the package was previously added to your app, you will need to update it:
+
+```sh
+cd MyApp
+yarn upgrade rtn-centered-text
+```
+
 ### iOS
 
 Then, you need to install the new dependencies in your iOS project. To do so, you need to run these commands:
@@ -942,7 +949,7 @@ Finally, you can use the component in your JavaScript application.
  */
 import React from 'react';
 import type {Node} from 'react';
-import RTNCalculator from 'rtn-calculator/js/NativeCalculator';
+import RTNCenteredText from 'rtn-centered-text/js/RTNCenteredTextNativeComponent';
 
 const App: () => Node = () => {
   return (
@@ -966,7 +973,7 @@ export default App;
  * @format
  */
 import React from 'react';
-import RTNCalculator from 'rtn-calculator/js/NativeCalculator';
+import RTNCenteredText from 'rtn-centered-text/js/RTNCenteredTextNativeComponent';
 
 const App: () => JSX.Element = () => {
   return (