fix(qr): useState для containerEl, чтобы effect запускался после монтирования DialogContent

client/src/components/QrScannerButton.tsx

@@ -96,7 +96,7 @@ export function QrScannerButton({ className }: QrScannerButtonProps) {
   const [open, setOpen] = useState(false);
   const [, navigate] = useLocation();
   const scannerRef = useRef<Html5Qrcode | null>(null);
-  const containerRef = useRef<HTMLDivElement | null>(null);
+  const [containerEl, setContainerEl] = useState<HTMLDivElement | null>(null);
   const [error, setError] = useState<string | null>(null);
   const [isStarting, setIsStarting] = useState(false);
   const [retryKey, setRetryKey] = useState(0);
@@ -318,14 +318,14 @@ export function QrScannerButton({ className }: QrScannerButtonProps) {
   );
 
   useEffect(() => {
-    if (!open || !containerRef.current) return;
+    if (!open || !containerEl) return;
 
     cancelledRef.current = false;
     setIsStarting(true);
     setError(null);
     setMode('library');
 
-    const container = containerRef.current;
+    const container = containerEl;
     container.innerHTML = '';
 
     // Let the dialog content finish rendering / layout before accessing camera.
@@ -374,14 +374,14 @@ export function QrScannerButton({ className }: QrScannerButtonProps) {
       clearTimeout(startTimeout);
       stopAll();
     };
-  }, [open, retryKey, startLibrary, startNative, presentError, stopAll, log]);
+  }, [open, containerEl, retryKey, startLibrary, startNative, presentError, stopAll, log]);
 
   function handleScanFromFile() {
     let scanner = scannerRef.current;
     const needsScanner = !scanner;
 
     if (needsScanner) {
-      const container = containerRef.current;
+      const container = containerEl;
       if (!container) return;
       const scannerId = 'qr-scanner-file-' + Date.now();
       container.id = scannerId;
@@ -455,7 +455,7 @@ export function QrScannerButton({ className }: QrScannerButtonProps) {
           </DialogHeader>
           <div className="relative">
             <div
-              ref={containerRef}
+              ref={setContainerEl}
               className="w-full min-h-[300px] aspect-square rounded overflow-hidden bg-black [&_video]:w-full [&_video]:h-full [&_video]:object-cover"
             />
             {isStarting && !error && (