fix yarn.lock

web/package.json

@@ -33,7 +33,7 @@
     "react-otp-input": "^2.4.0",
     "react-paypal-button-v2": "^2.6.3",
     "react-player": "^2.10.1",
-    "react-qr-code": "^2.0.3",
+    "react-qr-code": "^2.0.7",
     "react-router-dom": "^5.3.0",
     "react-scripts": "^4.0.3",
     "react-twitter-widgets": "^1.10.0",
@@ -49,7 +49,7 @@
     "typescript": "^4.0.3",
     "use-debounce": "^7.0.1",
     "web-vitals": "^0.2.4",
-    "world_countries_lists": "^2.3.0"
+    "world_countries_lists": "^2.5.1"
   },
   "scripts": {
     "start": "react-scripts start",
@@ -109,4 +109,4 @@
     "workbox-strategies": "^5.1.3",
     "workbox-streams": "^5.1.3"
   }
-}
+}

web/src/pages/Login.tsx

@@ -13,7 +13,7 @@ import useSWRImmutable from 'swr/immutable'
 import { Api } from 'teledrive-client'
 import { generateRandomBytes } from 'teledrive-client/Helpers'
 import { computeCheck } from 'teledrive-client/Password'
-import en from 'world_countries_lists/data/en/world.json'
+import en from 'world_countries_lists/data/countries/en/world.json'
 import { fetcher, req } from '../utils/Fetcher'
 import { anonymousTelegramClient, telegramClient } from '../utils/Telegram'
 
@@ -497,7 +497,7 @@ const Login: React.FC<Props> = ({ me }) => {
                     <Typography.Paragraph type="secondary">
                       Authentication code sent to <b>+{phoneData.code}&bull;&bull;&bull;&bull;&bull;&bull;&bull;{phoneData.phone?.substring(phoneData.phone.length - 4)}</b>
                     </Typography.Paragraph>
-                    <OtpInput numInputs={5} value={otp} onChange={setOtp} isInputNum containerStyle={{ justifyContent: 'center' }} inputStyle={{
+                    <OtpInput numInputs={5} value={otp as string || ''} onChange={setOtp} isInputNum containerStyle={{ justifyContent: 'center' }} inputStyle={{
                       width: '2.7rem',
                       height: '2.7rem',
                       margin: '0 0.3rem 1rem 0',