From 9f50c3e720052e13edcd3d4ee362d4f9724d14b9 Mon Sep 17 00:00:00 2001
From: trafficlunar <hello@trafficlunar.net>
Date: Sat, 12 Apr 2025 14:51:32 +0100
Subject: [PATCH] fix: suppress downshift props errors

---
 src/app/components/submit-form/qr-scanner.tsx | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/app/components/submit-form/qr-scanner.tsx b/src/app/components/submit-form/qr-scanner.tsx
index 74af1cc..37192ad 100644
--- a/src/app/components/submit-form/qr-scanner.tsx
+++ b/src/app/components/submit-form/qr-scanner.tsx
@@ -70,8 +70,6 @@ export default function QrScanner({ isOpen, setIsOpen, setQrBytesRaw }: Props) {
 		const code = jsQR(imageData.data, imageData.width, imageData.height);
 		if (!code) return;
 
-		console.log(code);
-
 		// Cancel animation frame to stop scanning
 		if (requestRef.current) {
 			cancelAnimationFrame(requestRef.current);
@@ -148,7 +146,11 @@ export default function QrScanner({ isOpen, setIsOpen, setQrBytesRaw }: Props) {
 						<label className="text-sm font-semibold">Camera:</label>
 						<div className="relative w-full">
 							{/* Toggle button to open the dropdown */}
-							<button type="button" {...getToggleButtonProps()} className="pill input w-full !px-2 !py-0.5 !justify-between text-sm">
+							<button
+								type="button"
+								{...getToggleButtonProps({}, { suppressRefError: true })}
+								className="pill input w-full !px-2 !py-0.5 !justify-between text-sm"
+							>
 								{selectedItem?.label || "Select a camera"}
 
 								<Icon icon="tabler:chevron-down" className="ml-2 size-5" />
@@ -156,7 +158,7 @@ export default function QrScanner({ isOpen, setIsOpen, setQrBytesRaw }: Props) {
 
 							{/* Dropdown menu */}
 							<ul
-								{...getMenuProps()}
+								{...getMenuProps({}, { suppressRefError: true })}
 								className={`absolute z-50 w-full bg-orange-200 border-2 border-orange-400 rounded-lg mt-1 shadow-lg max-h-60 overflow-y-auto ${
 									isDropdownOpen ? "block" : "hidden"
 								}`}