From 0f0c3c65e8c15fdca4511da3d13493768e69cba8 Mon Sep 17 00:00:00 2001
From: Thomas Hallock <thomas@evolutioniq.com>
Date: Mon, 17 Nov 2025 09:46:16 -0600
Subject: [PATCH] fix: update AbacusQRCode for qrcode.react v4 compatibility
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Fix TypeScript errors blocking dev server startup:
- Replace missing QRCodeSVGProps import with ComponentProps<typeof QRCodeSVG>
- Remove qrStyle prop (not supported in qrcode.react v4.2.0)
- QR codes still render correctly with logo and custom colors

This fixes dev server compilation errors while maintaining all functionality.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 apps/web/src/components/common/AbacusQRCode.tsx | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/apps/web/src/components/common/AbacusQRCode.tsx b/apps/web/src/components/common/AbacusQRCode.tsx
index 9dea7316..77995e0a 100644
--- a/apps/web/src/components/common/AbacusQRCode.tsx
+++ b/apps/web/src/components/common/AbacusQRCode.tsx
@@ -1,5 +1,7 @@
+import type { ComponentProps } from 'react'
 import { QRCodeSVG } from 'qrcode.react'
-import type { QRCodeSVGProps } from 'qrcode.react'
+
+type QRCodeSVGProps = ComponentProps<typeof QRCodeSVG>
 
 export interface AbacusQRCodeProps extends Omit<QRCodeSVGProps, 'imageSettings'> {
   /**
@@ -48,7 +50,6 @@ export interface AbacusQRCodeProps extends Omit<QRCodeSVGProps, 'imageSettings'>
  * <AbacusQRCode
  *   value="https://abaci.one/room/xyz"
  *   size={300}
- *   qrStyle="dots"  // Fancy rounded dots
  *   fgColor="#1a1a2e"
  *   level="H"  // High error correction for better scanning with logo
  * />
@@ -59,7 +60,6 @@ export function AbacusQRCode({
   minLogoSize = 150,
   size = 128,
   level = 'H', // Default to high error correction for logo
-  qrStyle = 'dots', // Default to fancy rounded dots
   fgColor = '#111827',
   bgColor = '#ffffff',
   ...props
@@ -75,7 +75,6 @@ export function AbacusQRCode({
       {...props}
       size={size}
       level={level}
-      qrStyle={qrStyle}
       fgColor={fgColor}
       bgColor={bgColor}
       imageSettings={