From 9d252eb995a168124d63451be83f0ef1387075b1 Mon Sep 17 00:00:00 2001
From: ludvigbolin <57351161+ludvigbolin@users.noreply.github.com>
Date: Tue, 14 Nov 2023 15:15:14 +0100
Subject: [PATCH] adjust input element to not have conditional rendering

---
 .../admin_console/filter/filter_checkbox.tsx  | 25 ++++++-------------
 1 file changed, 8 insertions(+), 17 deletions(-)

diff --git a/webapp/channels/src/components/admin_console/filter/filter_checkbox.tsx b/webapp/channels/src/components/admin_console/filter/filter_checkbox.tsx
index 4327748cca..f4165424d9 100644
--- a/webapp/channels/src/components/admin_console/filter/filter_checkbox.tsx
+++ b/webapp/channels/src/components/admin_console/filter/filter_checkbox.tsx
@@ -28,23 +28,14 @@ function FilterCheckbox({
             onClick={toggleOption}
         >
             <label>
-                {checked &&
-                    <input
-                        type='checkbox'
-                        id={name}
-                        name={name}
-                        defaultChecked={true}
-                    />
-                }
-
-                {!checked &&
-                    <input
-                        type='checkbox'
-                        id={name}
-                        name={name}
-                        defaultChecked={false}
-                    />
-                }
+                <input
+                    key={Math.random()}
+                    type='checkbox'
+                    id={name}
+                    name={name}
+                    checked={checked}
+                    readOnly={true}
+                />
                 {label}
             </label>
         </div>