From 1917b15b0aed0e69d3d140d0473f79ec8b05a207 Mon Sep 17 00:00:00 2001
From: Vishal Sharma <106011641+vishal-sharma-369@users.noreply.github.com>
Date: Sun, 8 Oct 2023 01:44:07 +0530
Subject: [PATCH] Update ClientTable.tsx (#3342)

* Update ClientTable.tsx

solves: #3339

## Changes

changed   owncast/web/components/admin/ClientTable.tsx line 44 `value={selectedKeys[0]})` to `value={selectedKeys[0].toString()} // Convert selectedKeys[0] to string
` as the value attribute expects a value of type string | number | readonly string[]` but previously it was assigned bigint.

* Update ClientTable.tsx

solves: #3339

## Changes

changed   owncast/web/components/admin/ClientTable.tsx line 44 `value={selectedKeys[0]})` to `value={selectedKeys[0].toString()} // Convert selectedKeys[0] to string
` as the value attribute expects a value of type `string | number | readonly string[]` but previously it was assigned bigint.
---
 web/components/admin/ClientTable.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/components/admin/ClientTable.tsx b/web/components/admin/ClientTable.tsx
index 495a601b9..a2b6051d5 100644
--- a/web/components/admin/ClientTable.tsx
+++ b/web/components/admin/ClientTable.tsx
@@ -41,7 +41,7 @@ export const ClientTable: FC<ClientTableProps> = ({ data }) => {
         <div style={{ padding: 8 }}>
           <Input
             placeholder="Search display names..."
-            value={selectedKeys[0]}
+            value={selectedKeys[0].toString()} // Convert selectedKeys[0] to string
             onChange={e => {
               setSelectedKeys(e.target.value ? [e.target.value] : []);
               confirm({ closeDropdown: false });