Updates jan 2026 (#313)

* Update dependencies to latest versions and migrate to React 19

- Update all dependencies to latest versions
- Migrate to React 19 createRoot API (replaces deprecated ReactDOM.render)
- Update qrcode.react import to v4 named export (QRCodeSVG)

* Format CSS with prettier

* Add Hebrew translation

* Add Slovak translation

* Add Malagasy translation

* Add Bangla translation

* Init field

* Change the logic concerning number of cards to print

* fix/clean

* Fix Increment-field-ID-in-the-print-area

* Increment-field-ID-in-the-print-area

* Review id implementation logic

* Fix git commit

* Handle Query parameter

* Fix package.json

* Fix query parameter for language

* fix query parameter for language

* Fix EncryptionModeChange query parameters // Error when non in query

* Fix EncryptionModeChange query parameters // Error when empty in query

* clean Setting.js don't need to import i18n

* clean file App.js

* first iteration for Hash

* Add Esperanto translation

* Update translations for Occitan

2 lines added

* Update translations.js

Added Swiss German to the Translations JavaScript-File

* Update translations.js

Removed custom Translations-Strings of my own Version.

* Update README.md

* Format translations.js with prettier

---------

Co-authored-by: Ido Bronfeld <idobronfeld@gmail.com>
Co-authored-by: Matej Kubinec <matej.kubinec@outlook.com>
Co-authored-by: mpilasy <88362233+mpilasy@users.noreply.github.com>
Co-authored-by: Tarek Hasan <94107336+Tarek-Hasan@users.noreply.github.com>
Co-authored-by: ofostier <ofostier@gmail.com>
Co-authored-by: zeecho <30541894+zeecho@users.noreply.github.com>
Co-authored-by: Mejans <61360811+Mejans@users.noreply.github.com>
Co-authored-by: Jan Zehnder <44242812+NZehnder@users.noreply.github.com>

1 files changed, 8 insertions, 5 deletions

diff --git a/src/components/WifiCard.js b/src/components/WifiCard.js
index 70e1189..e977ac8 100644
--- a/src/components/WifiCard.js
+++ b/src/components/WifiCard.js
@@ -8,7 +8,7 @@ import {
   Text,
   TextareaField,
 } from 'evergreen-ui';
-import QRCode from 'qrcode.react';
+import { QRCodeSVG as QRCode } from 'qrcode.react';
 import { useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import logo from '../../src/images/wifi.png';
@@ -71,6 +71,9 @@ export const WifiCard = (props) => {
     return !eapIdentityFieldLabel() ? '' : t('wifi.encryption.eapMethod');
   };
 
+  const keyid = props.keyid || '';
+  const suffixKeyID = (prefix) => `${prefix}-${keyid}`;
+
   return (
     <Card
       className="card-print"
@@ -102,7 +105,7 @@ export const WifiCard = (props) => {
 
         <Pane width={'100%'}>
           <TextareaField
-            id="ssid"
+            id={suffixKeyID('ssid')}
             type="text"
             marginBottom={5}
             autoComplete="off"
@@ -120,7 +123,7 @@ export const WifiCard = (props) => {
           {props.settings.encryptionMode === 'WPA2-EAP' && (
             <>
               <TextareaField
-                id="eapmethod"
+                id={suffixKeyID('eapmethod')}
                 type="text"
                 marginBottom={5}
                 readOnly={true}
@@ -130,7 +133,7 @@ export const WifiCard = (props) => {
               />
 
               <TextareaField
-                id="identity"
+                id={suffixKeyID('identity')}
                 type="text"
                 marginBottom={5}
                 autoComplete="off"
@@ -150,7 +153,7 @@ export const WifiCard = (props) => {
           )}
           {!(props.settings.hidePassword || !props.settings.encryptionMode) && (
             <TextareaField
-              id="password"
+              id={suffixKeyID('password')}
               type="text"
               maxLength="63"
               autoComplete="off"