chore(docs): add StorageBrowser amplify auth note (#6342)

docs/src/pages/[platform]/connected-components/storage/storage-browser/examples/Composed.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { Button, Flex, Text } from '@aws-amplify/ui-react';
 import { IconChevronRight } from '@aws-amplify/ui-react/internal';
-import { StorageBrowser, useView } from './MockStorageBrowser';
+import { StorageBrowser, useView } from './StorageBrowser';
 import { ComposedCopyView } from './ComposedCopyView';
 import { ComposedCreateFolderView } from './ComposedCreateFolderView';
 import { ComposedDeleteView } from './ComposedDeleteView';

docs/src/pages/[platform]/connected-components/storage/storage-browser/examples/ComposedCopyView.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { StorageBrowser, useView } from './MockStorageBrowser';
+import { StorageBrowser, useView } from './StorageBrowser';
 
 export function ComposedCopyView({ onExit }: { onExit: () => void }) {
   const state = useView('Copy');

docs/src/pages/[platform]/connected-components/storage/storage-browser/examples/ComposedCreateFolderView.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { StorageBrowser, useView } from './MockStorageBrowser';
+import { StorageBrowser, useView } from './StorageBrowser';
 
 export function ComposedCreateFolderView({ onExit }: { onExit: () => void }) {
   const state = useView('CreateFolder');

docs/src/pages/[platform]/connected-components/storage/storage-browser/examples/ComposedDeleteView.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { StorageBrowser, useView } from './MockStorageBrowser';
+import { StorageBrowser, useView } from './StorageBrowser';
 
 export function ComposedDeleteView({ onExit }: { onExit: () => void }) {
   const state = useView('Delete');

docs/src/pages/[platform]/connected-components/storage/storage-browser/examples/ComposedLocationDetailView.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Flex } from '@aws-amplify/ui-react';
-import { StorageBrowser, useView } from './MockStorageBrowser';
+import { StorageBrowser, useView } from './StorageBrowser';
 
 function LocationDetailView() {
   const state = useView('LocationDetail');

docs/src/pages/[platform]/connected-components/storage/storage-browser/examples/ComposedLocationsView.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Flex } from '@aws-amplify/ui-react';
-import { StorageBrowser, useView } from './MockStorageBrowser';
+import { StorageBrowser, useView } from './StorageBrowser';
 
 function LocationsView() {
   const state = useView('Locations');

docs/src/pages/[platform]/connected-components/storage/storage-browser/examples/ComposedUploadView.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Flex } from '@aws-amplify/ui-react';
-import { StorageBrowser, useView } from './MockStorageBrowser';
+import { StorageBrowser, useView } from './StorageBrowser';
 
 export function ComposedUploadView({ onExit }: { onExit: () => void }) {
   const state = useView('Upload');

docs/src/pages/[platform]/connected-components/storage/storage-browser/examples/Custom.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { StorageBrowser, useView } from './MockStorageBrowser';
+import { StorageBrowser, useView } from './StorageBrowser';
 import { CustomDeleteView } from './CustomDeleteView';
 import { CustomCopyView } from './CustomCopyView';
 import { CustomCreateFolderView } from './CustomCreateFolderView';

docs/src/pages/[platform]/connected-components/storage/storage-browser/examples/CustomCopyView.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Button, Flex, Text } from '@aws-amplify/ui-react';
-import { useView } from './MockStorageBrowser';
+import { useView } from './StorageBrowser';
 
 export function CustomCopyView({ onExit }: { onExit: () => void }) {
   const state = useView('Copy');

docs/src/pages/[platform]/connected-components/storage/storage-browser/examples/CustomCreateFolderView.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Button, Flex, TextField } from '@aws-amplify/ui-react';
-import { useView } from './MockStorageBrowser';
+import { useView } from './StorageBrowser';
 
 export function CustomCreateFolderView({ onExit }: { onExit: () => void }) {
   const state = useView('CreateFolder');

docs/src/pages/[platform]/connected-components/storage/storage-browser/examples/CustomDeleteView.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Button, Flex, Text } from '@aws-amplify/ui-react';
-import { StorageBrowser, useView } from './MockStorageBrowser';
+import { StorageBrowser, useView } from './StorageBrowser';
 
 export function CustomDeleteView({ onExit }: { onExit: () => void }) {
   const state = useView('Delete');

docs/src/pages/[platform]/connected-components/storage/storage-browser/examples/CustomLocationsView.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { Button, Flex, Text } from '@aws-amplify/ui-react';
 import { FiChevronRight } from 'react-icons/fi';
-import { StorageBrowser, useView } from './MockStorageBrowser';
+import { StorageBrowser, useView } from './StorageBrowser';
 
 export function CustomLocationsView() {
   const state = useView('Locations');

docs/src/pages/[platform]/connected-components/storage/storage-browser/examples/CustomUploadView.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Button, Flex, Text, View } from '@aws-amplify/ui-react';
-import { useView } from './MockStorageBrowser';
+import { useView } from './StorageBrowser';
 
 export function CustomUploadView({ onExit }: { onExit: () => void }) {
   const state = useView('Upload');

docs/src/pages/[platform]/connected-components/storage/storage-browser/examples/Default.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { StorageBrowser } from './MockStorageBrowser';
+import { StorageBrowser } from './StorageBrowser';
 
 export default function Example() {
   return <StorageBrowser />;

docs/src/pages/[platform]/connected-components/storage/storage-browser/examples/DisplayText.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { StorageBrowser } from './MockStorageBrowser';
+import { StorageBrowser } from './StorageBrowser';
 
 export default function Example() {
   return (

docs/src/pages/[platform]/connected-components/storage/storage-browser/examples/Icons.tsx

@@ -8,7 +8,7 @@ import {
   FcRefresh,
   FcSearch,
 } from 'react-icons/fc';
-import { StorageBrowser } from './MockStorageBrowser'; // IGNORE
+import { StorageBrowser } from './StorageBrowser'; // IGNORE
 import { IconsProvider } from '@aws-amplify/ui-react';
 
 export default function Example() {

docs/src/pages/[platform]/connected-components/storage/storage-browser/examples/Theming.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { StorageBrowser } from './MockStorageBrowser'; // IGNORE
+import { StorageBrowser } from './StorageBrowser'; // IGNORE
 import {
   ThemeStyle,
   createTheme,

docs/src/pages/[platform]/connected-components/storage/storage-browser/examples/i18n.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { StorageBrowser } from './MockStorageBrowser'; // IGNORE
+import { StorageBrowser } from './StorageBrowser'; // IGNORE
 import { ToggleButton, ToggleButtonGroup } from '@aws-amplify/ui-react';
 
 const dictionary = {

docs/src/pages/[platform]/connected-components/storage/storage-browser/react.mdx

@@ -130,6 +130,7 @@ import "@aws-amplify/ui-react-storage/styles.css";
 
 import config from './amplify_outputs.json';
 
+// note: `Amplify.configure` must be run before call to `createAmplifyAuthAdapter`
 Amplify.configure(config);
 
 export const { StorageBrowser } = createStorageBrowser({