docs: use inline default export

tien · Jul 3, 2024 · 2f2ceb5 · 2f2ceb5
1 parent d19c5be
commit 2f2ceb5
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 12 deletions.
diff --git a/apps/docs/docs/getting-started/connect-wallets.mdx b/apps/docs/docs/getting-started/connect-wallets.mdx
@@ -81,7 +81,7 @@ import {
   useConnectWallet,
 } from "@reactive-dot/react";
 
-function Wallets() {
+export default function Wallets() {
   const wallets = useWallets();
   const connectedWallets = useConnectedWallets();
 
@@ -115,16 +115,14 @@ function Wallets() {
     </section>
   );
 }
-
-export default Wallet;
 ```
 
 ## Display available accounts
 
 ```tsx title="Accounts.tsx"
 import { useAccounts } from "@reactive-dot/react";
 
-function Accounts() {
+export default function Accounts() {
   const accounts = useAccounts();
 
   return (
@@ -143,6 +141,4 @@ function Accounts() {
     </section>
   );
 }
-
-export default Accounts;
 ```
diff --git a/apps/docs/docs/getting-started/setup.mdx b/apps/docs/docs/getting-started/setup.mdx
@@ -142,7 +142,7 @@ import config from "./config";
 import { ReDotChainProvider, ReDotProvider } from "@reactive-dot/react";
 import { Suspense } from "react";
 
-function App() {
+export default function App() {
   return (
     <ReDotProvider config={config}>
       {/* `chainId` match the ID previously specified via `polkadot: typeof dot` */}
@@ -153,8 +153,6 @@ function App() {
     </ReDotProvider>
   );
 }
-
-export default App;
 ```
 
 ## Use Reactive DOT
@@ -163,7 +161,7 @@ export default App;
 import { config } from "./config";
 import { useAccounts, useLazyLoadQuery } from "@reactive-dot/react";
 
-function MyComponent() {
+export default function MyComponent() {
   const accounts = useAccounts();
   const [timestamp, totalIssuance] = useLazyLoadQuery((builder) =>
     builder
@@ -190,6 +188,4 @@ function MyComponent() {
     </div>
   );
 }
-
-export default MyComponent;
 ```