docs(TypeScript): outline recommended TypeScript version, downgrade ts to v4.7.x

Author: Lukas742

README.md

@@ -64,7 +64,8 @@ You can find our documentation under the following links:
 ## Requirements
 
 - [React](https://www.npmjs.com/package/react) and [React-DOM](https://www.npmjs.com/package/react-dom) (**16.14.0 or higher**)
-- [Node.js](https://nodejs.org/) (**version 14 or higher** ⚠️)
+- [Node.js](https://nodejs.org/) (**version 16 or higher** ⚠️)
+- If you're using [TypeScript](https://www.typescriptlang.org/) we recommend version **4.7** or later.
 
 <!-- *********************************************************************** -->
 

docs/Welcome.mdx

@@ -26,7 +26,8 @@ In addition to that, UI5 Web Components for React is providing complex component
 ## Requirements
 
 - [React](https://www.npmjs.com/package/react) and [React-DOM](https://www.npmjs.com/package/react-dom) (**16.14.0 or higher**)
-- [Node.js](https://nodejs.org/) (**version 14 or higher** ⚠️)
+- [Node.js](https://nodejs.org/) (**version 16 or higher** ⚠️)
+- If you're using [TypeScript](https://www.typescriptlang.org/) we recommend version **4.7** or later.
 
 ## Getting Started
 

package.json

@@ -83,7 +83,7 @@
     "storybook": "7.0.9",
     "turndown": "^7.0.0",
     "typedoc": "^0.24.0",
-    "typescript": "5.0.4",
+    "typescript": "~4.7.0",
     "vite": "^4.1.1",
     "vite-plugin-istanbul": "^4.0.0",
     "vite-tsconfig-paths": "^4.0.5"

packages/base/src/hooks/useIsRTL.ts

@@ -19,6 +19,7 @@ const detectRTL = <RefType extends HTMLElement>(elementRef: RefObject<RefType>)
   if (dirValues.includes(locallyAppliedDir)) {
     return locallyAppliedDir === 'rtl';
   }
+  // @ts-expect-error: `.includes` returns false if searching for undefined - the ts-error is fixed in a later version of ts
   if (dirValues.includes(elementRef.current?.dir)) {
     return elementRef.current?.dir === 'rtl';
   }

yarn.lock

@@ -21647,16 +21647,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"typescript@npm:5.0.4":
-  version: 5.0.4
-  resolution: "typescript@npm:5.0.4"
-  bin:
-    tsc: bin/tsc
-    tsserver: bin/tsserver
-  checksum: 82b94da3f4604a8946da585f7d6c3025fff8410779e5bde2855ab130d05e4fd08938b9e593b6ebed165bda6ad9292b230984f10952cf82f0a0ca07bbeaa08172
-  languageName: node
-  linkType: hard
-
 "typescript@npm:^3 || ^4":
   version: 4.9.5
   resolution: "typescript@npm:4.9.5"
@@ -21667,13 +21657,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"typescript@patch:[email protected]#~builtin<compat/typescript>":
-  version: 5.0.4
-  resolution: "typescript@patch:typescript@npm%3A5.0.4#~builtin<compat/typescript>::version=5.0.4&hash=b5f058"
+"typescript@npm:~4.7.0":
+  version: 4.7.4
+  resolution: "typescript@npm:4.7.4"
   bin:
     tsc: bin/tsc
     tsserver: bin/tsserver
-  checksum: d26b6ba97b6d163c55dbdffd9bbb4c211667ebebc743accfeb2c8c0154aace7afd097b51165a72a5bad2cf65a4612259344ff60f8e642362aa1695c760d303ac
+  checksum: 5750181b1cd7e6482c4195825547e70f944114fb47e58e4aa7553e62f11b3f3173766aef9c281783edfd881f7b8299cf35e3ca8caebe73d8464528c907a164df
   languageName: node
   linkType: hard
 
@@ -21687,6 +21677,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"typescript@patch:typescript@~4.7.0#~builtin<compat/typescript>":
+  version: 4.7.4
+  resolution: "typescript@patch:typescript@npm%3A4.7.4#~builtin<compat/typescript>::version=4.7.4&hash=65a307"
+  bin:
+    tsc: bin/tsc
+    tsserver: bin/tsserver
+  checksum: 9096d8f6c16cb80ef3bf96fcbbd055bf1c4a43bd14f3b7be45a9fbe7ada46ec977f604d5feed3263b4f2aa7d4c7477ce5f9cd87de0d6feedec69a983f3a4f93e
+  languageName: node
+  linkType: hard
+
 "typical@npm:^4.0.0":
   version: 4.0.0
   resolution: "typical@npm:4.0.0"
@@ -21773,7 +21773,7 @@ __metadata:
     tocbot: ^4.12.0
     turndown: ^7.0.0
     typedoc: ^0.24.0
-    typescript: 5.0.4
+    typescript: ~4.7.0
     vite: ^4.1.1
     vite-plugin-istanbul: ^4.0.0
     vite-tsconfig-paths: ^4.0.5