From 982a1bf74325391e9bf3782aa593e23fec9d5f6d Mon Sep 17 00:00:00 2001
From: guardrex <1622880+guardrex@users.noreply.github.com>
Date: Mon, 12 Jul 2021 15:51:00 -0500
Subject: [PATCH 1/5] Blazor byte array support

---
 .../size-limits.md}                           |  3 +
 .../call-dotnet-from-javascript.md            | 62 ++++++++++++++++++-
 .../call-javascript-from-dotnet.md            | 54 +++++++++++++++-
 3 files changed, 117 insertions(+), 2 deletions(-)
 rename aspnetcore/blazor/includes/{js-interop-size-limits.md => js-interop/size-limits.md} (95%)

diff --git a/aspnetcore/blazor/includes/js-interop-size-limits.md b/aspnetcore/blazor/includes/js-interop/size-limits.md
similarity index 95%
rename from aspnetcore/blazor/includes/js-interop-size-limits.md
rename to aspnetcore/blazor/includes/js-interop/size-limits.md
index 08801676bb57..a41f2806fccd 100644
--- a/aspnetcore/blazor/includes/js-interop-size-limits.md
+++ b/aspnetcore/blazor/includes/js-interop/size-limits.md
@@ -1,3 +1,6 @@
+---
+no-loc: [Home, Privacy, Kestrel, appsettings.json, "ASP.NET Core Identity", cookie, Cookie, Blazor, "Blazor Server", "Blazor WebAssembly", "Identity", "Let's Encrypt", Razor, SignalR]
+---
 *This section only applies to Blazor Server apps. In Blazor WebAssembly, the framework doesn't impose a limit on the size of JavaScript (JS) interop inputs and outputs.*
 
 In Blazor Server, JS interop calls are limited in size by the maximum incoming SignalR message size permitted for hub methods, which is enforced by <xref:Microsoft.AspNetCore.SignalR.HubOptions.MaximumReceiveMessageSize?displayProperty=nameWithType> (default: 32 KB). JS to .NET SignalR messages larger than <xref:Microsoft.AspNetCore.SignalR.HubOptions.MaximumReceiveMessageSize> throw an error. The framework doesn't impose a limit on the size of a SignalR message from the hub to a client.
diff --git a/aspnetcore/blazor/javascript-interoperability/call-dotnet-from-javascript.md b/aspnetcore/blazor/javascript-interoperability/call-dotnet-from-javascript.md
index 0bf86268a0d2..d87efd3b22da 100644
--- a/aspnetcore/blazor/javascript-interoperability/call-dotnet-from-javascript.md
+++ b/aspnetcore/blazor/javascript-interoperability/call-dotnet-from-javascript.md
@@ -404,9 +404,69 @@ Objects that contain circular references can't be serialized on the client for e
 * .NET method calls.
 * JavaScript method calls from C# when the return type has circular references.
 
+::: moniker range=">= aspnetcore-6.0"
+
+## Byte array support
+
+Blazor supports optimized byte array JS interop that avoids encoding/decoding byte arrays into Base64. The following example uses JS interop to pass a byte array to .NET.
+
+Inside the closing `</body>` tag of `wwwroot/index.html` (Blazor WebAssembly) or `Pages/_Host.cshtml` (Blazor Server), provide a `sendByteArray` JS function. The function is called by a button in the component and doesn't return a value:
+
+```html
+<script>
+  window.sendByteArrayAsync = () => {
+    const data = new Uint8Array([0x45,0x76,0x65,0x72,0x79,0x74,0x68,0x69,
+        0x6e,0x67,0x27,0x73,0x20,0x73,0x68,0x69,0x6e,0x79,0x2c,
+        0x20,0x43,0x61,0x70,0x74,0x69,0x61,0x6e,0x2e,0x20,0x4e,
+        0x6f,0x74,0x20,0x74,0x6f,0x20,0x66,0x72,0x65,0x74,0x2e]);
+    let result = await DotNet.invokeMethodAsync('BlazorSample',
+        'ReceiveBytes', data);
+    alert(result);
+  };
+</script>
+```
+
+`Pages/ReceiveByteArray.razor`:
+
+```razor
+@page "/receive-byte-array"
+@using System.Text
+
+<h1>Receive Byte Array (JS to .NET)</h1>
+
+<p>
+    <button onclick="sendByteArrayAsync()">Send Bytes</button>
+</p>
+
+<p>
+    @result
+</p>
+
+<p>
+    Quote &copy;2005 <a href="https://www.uphe.com">Universal Pictures</a>:
+    <a href="https://www.uphe.com/movies/serenity">Serenity</a><br>
+    <a href="https://www.imdb.com/name/nm0821612/">Jewel Staite on IMDB</a>
+</p>
+
+@code {
+    private string result;
+
+    [JSInvokable]
+    public static Task<string> ReceiveBytes(byte[] receivedBytes)
+    {
+        return Task.FromResult(
+            Encoding.Unicode.GetString(receivedBytes, 0, receivedBytes.Length));
+    }
+}
+```
+
+For information on using a byte array when calling JavaScript from .NET, see <xref:blazor/js-interop/call-dotnet-from-javascript#byte-array-support>.
+
+::: moniker-end
+
 ## Size limits on JavaScript interop calls
 
-[!INCLUDE[](~/blazor/includes/js-interop-size-limits.md)]
+[!INCLUDE[](~/blazor/includes/js-interop/size-limits.md)]
 
 ::: moniker range=">= aspnetcore-5.0"
 
diff --git a/aspnetcore/blazor/javascript-interoperability/call-javascript-from-dotnet.md b/aspnetcore/blazor/javascript-interoperability/call-javascript-from-dotnet.md
index 81ea23f3bd46..ee097952a6b5 100644
--- a/aspnetcore/blazor/javascript-interoperability/call-javascript-from-dotnet.md
+++ b/aspnetcore/blazor/javascript-interoperability/call-javascript-from-dotnet.md
@@ -643,9 +643,61 @@ In the preceding example:
 
 ::: moniker-end
 
+::: moniker range=">= aspnetcore-6.0"
+
+## Byte array support
+
+Blazor supports optimized byte array JS interop that avoids encoding/decoding byte arrays into Base64. The following example uses JS interop to pass a byte array to Javascript.
+
+Inside the closing `</body>` tag of `wwwroot/index.html` (Blazor WebAssembly) or `Pages/_Host.cshtml` (Blazor Server), provide a `receiveByteArray` JS function. The function is called with <xref:Microsoft.JSInterop.JSRuntimeExtensions.InvokeVoidAsync%2A> and doesn't return a value:
+
+```html
+<script>
+  window.receiveByteArray = (bytes) => {
+  let utf8decoder = new TextDecoder();
+  let str = utf8decoder.decode(bytes);
+  alert(str);
+  };
+</script>
+```
+
+`Pages/SendByteArray.razor`:
+
+```razor
+@page "/send-byte-array"
+@inject IJSRuntime JS
+
+<h1>Send Byte Array (.NET to JS)</h1>
+
+<p>
+    <button @onclick="SendBytes">Send Bytes</button>
+</p>
+
+<p>
+    Quote &copy;2005 <a href="https://www.uphe.com">Universal Pictures</a>:
+    <a href="https://www.uphe.com/movies/serenity">Serenity</a><br>
+    <a href="https://www.imdb.com/name/nm0821612/">Jewel Staite on IMDB</a>
+</p>
+
+@code {
+    private async Task SendBytes()
+    {
+        var bytes = new Byte[] { 0x45, 0x76, 0x65, 0x72, 0x79, 0x74, 0x68, 0x69, 
+            0x6e, 0x67, 0x27, 0x73, 0x20, 0x73, 0x68, 0x69, 0x6e, 0x79, 0x2c, 
+            0x20, 0x43, 0x61, 0x70, 0x74, 0x69, 0x61, 0x6e, 0x2e, 0x20, 0x4e, 
+            0x6f, 0x74, 0x20, 0x74, 0x6f, 0x20, 0x66, 0x72, 0x65, 0x74, 0x2e };
+        await JS.InvokeVoidAsync("receiveByteArray", bytes);
+    }
+}
+```
+
+For information on using a byte array when calling .NET from JavaScript, see <xref:blazor/js-interop/call-dotnet-from-javascript#byte-array-support>.
+
+::: moniker-end
+
 ## Size limits on JavaScript interop calls
 
-[!INCLUDE[](~/blazor/includes/js-interop-size-limits.md)]
+[!INCLUDE[](~/blazor/includes/js-interop/size-limits.md)]
 
 ::: moniker range=">= aspnetcore-5.0"
 

From a2b8db300126b4c656acabc4516a6b80c524ea3f Mon Sep 17 00:00:00 2001
From: guardrex <1622880+guardrex@users.noreply.github.com>
Date: Tue, 13 Jul 2021 10:34:36 -0500
Subject: [PATCH 2/5] Updates

---
 .../call-dotnet-from-javascript.md            | 33 ++++++++-----------
 .../call-javascript-from-dotnet.md            | 27 +++++++++------
 2 files changed, 31 insertions(+), 29 deletions(-)

diff --git a/aspnetcore/blazor/javascript-interoperability/call-dotnet-from-javascript.md b/aspnetcore/blazor/javascript-interoperability/call-dotnet-from-javascript.md
index d87efd3b22da..b4f089dd4764 100644
--- a/aspnetcore/blazor/javascript-interoperability/call-dotnet-from-javascript.md
+++ b/aspnetcore/blazor/javascript-interoperability/call-dotnet-from-javascript.md
@@ -414,32 +414,29 @@ Inside the closing `</body>` tag of `wwwroot/index.html` (Blazor WebAssembly) or
 
 ```html
 <script>
-  window.sendByteArrayAsync = () => {
+  window.sendBytes = () => {
     const data = new Uint8Array([0x45,0x76,0x65,0x72,0x79,0x74,0x68,0x69,
-        0x6e,0x67,0x27,0x73,0x20,0x73,0x68,0x69,0x6e,0x79,0x2c,
-        0x20,0x43,0x61,0x70,0x74,0x69,0x61,0x6e,0x2e,0x20,0x4e,
-        0x6f,0x74,0x20,0x74,0x6f,0x20,0x66,0x72,0x65,0x74,0x2e]);
-    let result = await DotNet.invokeMethodAsync('BlazorSample',
-        'ReceiveBytes', data);
-    alert(result);
+      0x6e,0x67,0x27,0x73,0x20,0x73,0x68,0x69,0x6e,0x79,0x2c,
+      0x20,0x43,0x61,0x70,0x74,0x69,0x61,0x6e,0x2e,0x20,0x4e,
+      0x6f,0x74,0x20,0x74,0x6f,0x20,0x66,0x72,0x65,0x74,0x2e]);
+    DotNet.invokeMethodAsync('ByteArrayTesting', 'ReceiveByteArray', data)
+      .then(str => {
+        alert(str);
+      });
   };
 </script>
 ```
 
-`Pages/ReceiveByteArray.razor`:
+`Pages/SendByteArrayJSToDotNet.razor`:
 
 ```razor
-@page "/receive-byte-array"
+@page "/send-byte-array-js-to-dotnet"
 @using System.Text
 
-<h1>Receive Byte Array (JS to .NET)</h1>
+<h1>Send Byte Array JS to .NET</h1>
 
 <p>
-    <button onclick="sendByteArrayAsync()">Send Bytes</button>
-</p>
-
-<p>
-    @result
+    <button onclick="sendBytes()">Send Bytes</button>
 </p>
 
 <p>
@@ -449,10 +446,8 @@ Inside the closing `</body>` tag of `wwwroot/index.html` (Blazor WebAssembly) or
 </p>
 
 @code {
-    private string result;
-
     [JSInvokable]
-    public static Task<string> ReceiveBytes(byte[] receivedBytes)
+    public static Task<string> ReceiveByteArray(byte[] receivedBytes)
     {
         return Task.FromResult(
             Encoding.Unicode.GetString(receivedBytes, 0, receivedBytes.Length));
@@ -460,7 +455,7 @@ Inside the closing `</body>` tag of `wwwroot/index.html` (Blazor WebAssembly) or
 }
 ```
 
-For information on using a byte array when calling JavaScript from .NET, see <xref:blazor/js-interop/call-dotnet-from-javascript#byte-array-support>.
+For information on using a byte array when calling JavaScript from .NET, see <xref:blazor/js-interop/call-javascript-from-dotnet#byte-array-support>.
 
 ::: moniker-end
 
diff --git a/aspnetcore/blazor/javascript-interoperability/call-javascript-from-dotnet.md b/aspnetcore/blazor/javascript-interoperability/call-javascript-from-dotnet.md
index ee097952a6b5..58ce565a9ce2 100644
--- a/aspnetcore/blazor/javascript-interoperability/call-javascript-from-dotnet.md
+++ b/aspnetcore/blazor/javascript-interoperability/call-javascript-from-dotnet.md
@@ -654,25 +654,29 @@ Inside the closing `</body>` tag of `wwwroot/index.html` (Blazor WebAssembly) or
 ```html
 <script>
   window.receiveByteArray = (bytes) => {
-  let utf8decoder = new TextDecoder();
-  let str = utf8decoder.decode(bytes);
-  alert(str);
+    let utf8decoder = new TextDecoder();
+    let str = utf8decoder.decode(bytes);
+    return str;
   };
 </script>
 ```
 
-`Pages/SendByteArray.razor`:
+`Pages/SendByteArrayDotNetToJS.razor`:
 
 ```razor
-@page "/send-byte-array"
+@page "/send-byte-array-dotnet-to-js"
 @inject IJSRuntime JS
 
-<h1>Send Byte Array (.NET to JS)</h1>
+<h1>Send Byte Array .NET to JS</h1>
 
 <p>
     <button @onclick="SendBytes">Send Bytes</button>
 </p>
 
+<p>
+    @result
+</p>
+
 <p>
     Quote &copy;2005 <a href="https://www.uphe.com">Universal Pictures</a>:
     <a href="https://www.uphe.com/movies/serenity">Serenity</a><br>
@@ -680,13 +684,16 @@ Inside the closing `</body>` tag of `wwwroot/index.html` (Blazor WebAssembly) or
 </p>
 
 @code {
+    private string result;
+
     private async Task SendBytes()
     {
-        var bytes = new Byte[] { 0x45, 0x76, 0x65, 0x72, 0x79, 0x74, 0x68, 0x69, 
-            0x6e, 0x67, 0x27, 0x73, 0x20, 0x73, 0x68, 0x69, 0x6e, 0x79, 0x2c, 
-            0x20, 0x43, 0x61, 0x70, 0x74, 0x69, 0x61, 0x6e, 0x2e, 0x20, 0x4e, 
+        var bytes = new byte[] { 0x45, 0x76, 0x65, 0x72, 0x79, 0x74, 0x68, 0x69,
+            0x6e, 0x67, 0x27, 0x73, 0x20, 0x73, 0x68, 0x69, 0x6e, 0x79, 0x2c,
+            0x20, 0x43, 0x61, 0x70, 0x74, 0x69, 0x61, 0x6e, 0x2e, 0x20, 0x4e,
             0x6f, 0x74, 0x20, 0x74, 0x6f, 0x20, 0x66, 0x72, 0x65, 0x74, 0x2e };
-        await JS.InvokeVoidAsync("receiveByteArray", bytes);
+
+        result = await JS.InvokeAsync<string>("receiveByteArray", bytes);
     }
 }
 ```

From 231e20ff1ec8f42b429612e7ed7d788deb952641 Mon Sep 17 00:00:00 2001
From: guardrex <1622880+guardrex@users.noreply.github.com>
Date: Wed, 14 Jul 2021 03:46:10 -0500
Subject: [PATCH 3/5] Updates

---
 .../call-dotnet-from-javascript.md                          | 6 +++---
 .../call-javascript-from-dotnet.md                          | 4 ++--
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/aspnetcore/blazor/javascript-interoperability/call-dotnet-from-javascript.md b/aspnetcore/blazor/javascript-interoperability/call-dotnet-from-javascript.md
index b4f089dd4764..e1f4fab86614 100644
--- a/aspnetcore/blazor/javascript-interoperability/call-dotnet-from-javascript.md
+++ b/aspnetcore/blazor/javascript-interoperability/call-dotnet-from-javascript.md
@@ -414,12 +414,12 @@ Inside the closing `</body>` tag of `wwwroot/index.html` (Blazor WebAssembly) or
 
 ```html
 <script>
-  window.sendBytes = () => {
+  window.sendByteArray = () => {
     const data = new Uint8Array([0x45,0x76,0x65,0x72,0x79,0x74,0x68,0x69,
       0x6e,0x67,0x27,0x73,0x20,0x73,0x68,0x69,0x6e,0x79,0x2c,
       0x20,0x43,0x61,0x70,0x74,0x69,0x61,0x6e,0x2e,0x20,0x4e,
       0x6f,0x74,0x20,0x74,0x6f,0x20,0x66,0x72,0x65,0x74,0x2e]);
-    DotNet.invokeMethodAsync('ByteArrayTesting', 'ReceiveByteArray', data)
+    DotNet.invokeMethodAsync('BlazorSample', 'ReceiveByteArray', data)
       .then(str => {
         alert(str);
       });
@@ -436,7 +436,7 @@ Inside the closing `</body>` tag of `wwwroot/index.html` (Blazor WebAssembly) or
 <h1>Send Byte Array JS to .NET</h1>
 
 <p>
-    <button onclick="sendBytes()">Send Bytes</button>
+    <button onclick="sendByteArray()">Send Bytes</button>
 </p>
 
 <p>
diff --git a/aspnetcore/blazor/javascript-interoperability/call-javascript-from-dotnet.md b/aspnetcore/blazor/javascript-interoperability/call-javascript-from-dotnet.md
index 58ce565a9ce2..2d3a524db7c4 100644
--- a/aspnetcore/blazor/javascript-interoperability/call-javascript-from-dotnet.md
+++ b/aspnetcore/blazor/javascript-interoperability/call-javascript-from-dotnet.md
@@ -670,7 +670,7 @@ Inside the closing `</body>` tag of `wwwroot/index.html` (Blazor WebAssembly) or
 <h1>Send Byte Array .NET to JS</h1>
 
 <p>
-    <button @onclick="SendBytes">Send Bytes</button>
+    <button @onclick="SendByteArray">Send Bytes</button>
 </p>
 
 <p>
@@ -686,7 +686,7 @@ Inside the closing `</body>` tag of `wwwroot/index.html` (Blazor WebAssembly) or
 @code {
     private string result;
 
-    private async Task SendBytes()
+    private async Task SendByteArray()
     {
         var bytes = new byte[] { 0x45, 0x76, 0x65, 0x72, 0x79, 0x74, 0x68, 0x69,
             0x6e, 0x67, 0x27, 0x73, 0x20, 0x73, 0x68, 0x69, 0x6e, 0x79, 0x2c,

From fce743d005dfbea385a971a3850ccd8a6649feb2 Mon Sep 17 00:00:00 2001
From: Luke Latham <1622880+guardrex@users.noreply.github.com>
Date: Thu, 15 Jul 2021 04:13:36 -0500
Subject: [PATCH 4/5] Update
 aspnetcore/blazor/javascript-interoperability/call-dotnet-from-javascript.md

Co-authored-by: Tanay Parikh <TanayParikh@users.noreply.github.com>
---
 .../javascript-interoperability/call-dotnet-from-javascript.md  | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/aspnetcore/blazor/javascript-interoperability/call-dotnet-from-javascript.md b/aspnetcore/blazor/javascript-interoperability/call-dotnet-from-javascript.md
index e1f4fab86614..9ed10b8e07f0 100644
--- a/aspnetcore/blazor/javascript-interoperability/call-dotnet-from-javascript.md
+++ b/aspnetcore/blazor/javascript-interoperability/call-dotnet-from-javascript.md
@@ -450,7 +450,7 @@ Inside the closing `</body>` tag of `wwwroot/index.html` (Blazor WebAssembly) or
     public static Task<string> ReceiveByteArray(byte[] receivedBytes)
     {
         return Task.FromResult(
-            Encoding.Unicode.GetString(receivedBytes, 0, receivedBytes.Length));
+            Encoding.UTF8.GetString(receivedBytes, 0, receivedBytes.Length));
     }
 }
 ```

From 9c7af7f4fade4a2a4d045d93bc3ae746fef75f94 Mon Sep 17 00:00:00 2001
From: guardrex <1622880+guardrex@users.noreply.github.com>
Date: Thu, 15 Jul 2021 04:37:01 -0500
Subject: [PATCH 5/5] Updates

---
 .../{CallJsExample9.razor => CallJsExample10.razor}    |  4 ++--
 .../{CallJsExample9.razor => CallJsExample10.razor}    |  4 ++--
 .../call-dotnet-from-javascript.md                     |  6 +++---
 .../call-javascript-from-dotnet.md                     | 10 +++++-----
 4 files changed, 12 insertions(+), 12 deletions(-)
 rename aspnetcore/blazor/common/samples/5.x/BlazorSample_Server/Pages/call-js-from-dotnet/{CallJsExample9.razor => CallJsExample10.razor} (97%)
 rename aspnetcore/blazor/common/samples/5.x/BlazorSample_WebAssembly/Pages/call-js-from-dotnet/{CallJsExample9.razor => CallJsExample10.razor} (97%)

diff --git a/aspnetcore/blazor/common/samples/5.x/BlazorSample_Server/Pages/call-js-from-dotnet/CallJsExample9.razor b/aspnetcore/blazor/common/samples/5.x/BlazorSample_Server/Pages/call-js-from-dotnet/CallJsExample10.razor
similarity index 97%
rename from aspnetcore/blazor/common/samples/5.x/BlazorSample_Server/Pages/call-js-from-dotnet/CallJsExample9.razor
rename to aspnetcore/blazor/common/samples/5.x/BlazorSample_Server/Pages/call-js-from-dotnet/CallJsExample10.razor
index 6576365de6dd..8f0f5cb859f4 100644
--- a/aspnetcore/blazor/common/samples/5.x/BlazorSample_Server/Pages/call-js-from-dotnet/CallJsExample9.razor
+++ b/aspnetcore/blazor/common/samples/5.x/BlazorSample_Server/Pages/call-js-from-dotnet/CallJsExample10.razor
@@ -1,9 +1,9 @@
-@page "/call-js-example-9"
+@page "/call-js-example-10"
 @using System.Runtime.InteropServices
 @using Microsoft.JSInterop
 @inject IJSRuntime JS
 
-<h1>Call JS Example 9</h1>
+<h1>Call JS Example 10</h1>
 
 @if (callResultForBoolean)
 {
diff --git a/aspnetcore/blazor/common/samples/5.x/BlazorSample_WebAssembly/Pages/call-js-from-dotnet/CallJsExample9.razor b/aspnetcore/blazor/common/samples/5.x/BlazorSample_WebAssembly/Pages/call-js-from-dotnet/CallJsExample10.razor
similarity index 97%
rename from aspnetcore/blazor/common/samples/5.x/BlazorSample_WebAssembly/Pages/call-js-from-dotnet/CallJsExample9.razor
rename to aspnetcore/blazor/common/samples/5.x/BlazorSample_WebAssembly/Pages/call-js-from-dotnet/CallJsExample10.razor
index 6576365de6dd..8f0f5cb859f4 100644
--- a/aspnetcore/blazor/common/samples/5.x/BlazorSample_WebAssembly/Pages/call-js-from-dotnet/CallJsExample9.razor
+++ b/aspnetcore/blazor/common/samples/5.x/BlazorSample_WebAssembly/Pages/call-js-from-dotnet/CallJsExample10.razor
@@ -1,9 +1,9 @@
-@page "/call-js-example-9"
+@page "/call-js-example-10"
 @using System.Runtime.InteropServices
 @using Microsoft.JSInterop
 @inject IJSRuntime JS
 
-<h1>Call JS Example 9</h1>
+<h1>Call JS Example 10</h1>
 
 @if (callResultForBoolean)
 {
diff --git a/aspnetcore/blazor/javascript-interoperability/call-dotnet-from-javascript.md b/aspnetcore/blazor/javascript-interoperability/call-dotnet-from-javascript.md
index 9ed10b8e07f0..37d35e4cfb24 100644
--- a/aspnetcore/blazor/javascript-interoperability/call-dotnet-from-javascript.md
+++ b/aspnetcore/blazor/javascript-interoperability/call-dotnet-from-javascript.md
@@ -427,13 +427,13 @@ Inside the closing `</body>` tag of `wwwroot/index.html` (Blazor WebAssembly) or
 </script>
 ```
 
-`Pages/SendByteArrayJSToDotNet.razor`:
+`Pages/CallDotNetExample7.razor`:
 
 ```razor
-@page "/send-byte-array-js-to-dotnet"
+@page "/call-dotnet-example-7"
 @using System.Text
 
-<h1>Send Byte Array JS to .NET</h1>
+<h1>Call .NET Example 7</h1>
 
 <p>
     <button onclick="sendByteArray()">Send Bytes</button>
diff --git a/aspnetcore/blazor/javascript-interoperability/call-javascript-from-dotnet.md b/aspnetcore/blazor/javascript-interoperability/call-javascript-from-dotnet.md
index 2d3a524db7c4..cd2474d0a26c 100644
--- a/aspnetcore/blazor/javascript-interoperability/call-javascript-from-dotnet.md
+++ b/aspnetcore/blazor/javascript-interoperability/call-javascript-from-dotnet.md
@@ -661,13 +661,13 @@ Inside the closing `</body>` tag of `wwwroot/index.html` (Blazor WebAssembly) or
 </script>
 ```
 
-`Pages/SendByteArrayDotNetToJS.razor`:
+`Pages/CallJsExample9.razor`:
 
 ```razor
-@page "/send-byte-array-dotnet-to-js"
+@page "/call-js-example-9"
 @inject IJSRuntime JS
 
-<h1>Send Byte Array .NET to JS</h1>
+<h1>Call JS Example 9</h1>
 
 <p>
     <button @onclick="SendByteArray">Send Bytes</button>
@@ -756,9 +756,9 @@ Place the following `<script>` block in `wwwroot/index.html` (Blazor WebAssembly
 > * The function is likely to be renamed.
 > * The function itself might be removed in favor of automatic conversion of strings by the framework.
 
-`Pages/CallJsExample9.razor`:
+`Pages/CallJsExample10.razor`:
 
-[!code-razor[](~/blazor/common/samples/5.x/BlazorSample_WebAssembly/Pages/call-js-from-dotnet/CallJsExample9.razor)]
+[!code-razor[](~/blazor/common/samples/5.x/BlazorSample_WebAssembly/Pages/call-js-from-dotnet/CallJsExample10.razor)]
 
 If an <xref:Microsoft.JSInterop.IJSUnmarshalledObjectReference> instance isn't disposed in C# code, it can be disposed in JS. The following `dispose` function disposes the object reference when called from JS: