chore: update to RN 0.72 and TypeScript 5.1

Author: efoken

app/package.json

@@ -6,14 +6,14 @@
   "dependencies": {
     "@expo/vector-icons": "^13.0.0",
     "@md3-ui/core": "^0.2.1",
-    "expo": "^48.0.17",
+    "expo": "^48.0.19",
     "expo-status-bar": "~1.4.4",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "react-native": "0.71.8",
+    "react-native": "0.72.0",
     "react-native-iphone-x-helper": "^1.3.1",
     "react-native-safe-area-context": "4.5.0",
-    "react-router-native": "^6.11.2",
+    "react-router-native": "^6.13.0",
     "uuid": "^3.4.0"
   },
   "devDependencies": {

docs/package.json

@@ -15,26 +15,26 @@
     "@md3-ui/utils": "^0.2.1",
     "@mdx-js/loader": "^2.3.0",
     "@mdx-js/react": "^2.3.0",
-    "@next/mdx": "^13.4.2",
+    "@next/mdx": "^13.4.6",
     "@preconstruct/next": "^4.0.0",
     "copy-to-clipboard": "^3.3.3",
-    "next": "^13.4.2",
+    "next": "^13.4.6",
     "next-seo": "^6.0.0",
     "prism-react-renderer": "^1.3.5",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "react-live": "^4.1.1",
-    "react-native": "0.71.8",
+    "react-live": "^4.1.3",
+    "react-native": "0.72.0",
     "react-native-safe-area-context": "4.5.0",
-    "react-native-svg": "13.4.0",
-    "react-native-web": "^0.19.4",
-    "remark-emoji": "^3.1.1",
+    "react-native-svg": "13.9.0",
+    "react-native-web": "^0.19.5",
+    "remark-emoji": "^3.1.2",
     "remark-gfm": "^3.0.1",
     "remark-slug": "^7.0.1",
-    "webpack": "^5.83.1"
+    "webpack": "^5.88.0"
   },
   "devDependencies": {
-    "eslint": "^8.40.0",
-    "eslint-config-next": "^13.4.2"
+    "eslint": "^8.43.0",
+    "eslint-config-next": "^13.4.6"
   }
 }

docs/src/components/sidebar/sidebar.tsx

@@ -29,7 +29,7 @@ export const Sidebar: React.FC<SidebarProps> = ({
         borderColor: "surfaceVariant",
         borderRightWidth: 1,
         bottom: 0,
-        height: "100vh",
+        height: "100vh" as any,
         left: { compact: "auto", expanded: 0 },
         position: expanded ? ("sticky" as any) : ("fixed" as any),
         right: { compact: "100%", expanded: "auto" },

docs/src/mdx-components.tsx

@@ -65,6 +65,6 @@ export const MDXComponents = {
         {React.Children.only(children) as React.ReactElement}
       </CodeBlock>
     ),
-  PropsTable,
+  PropsTable: PropsTable as any,
   ...(Md3Core as Record<string, any>),
 }

package.json

@@ -9,66 +9,69 @@
     "docs"
   ],
   "dependencies": {
-    "@babel/core": "^7.21.8",
+    "@babel/core": "^7.22.5",
     "@babel/plugin-proposal-class-properties": "^7.18.6",
     "@babel/plugin-proposal-private-methods": "^7.18.6",
-    "@babel/plugin-proposal-private-property-in-object": "^7.21.0",
-    "@babel/preset-env": "^7.21.5",
-    "@babel/preset-react": "^7.18.6",
-    "@babel/preset-typescript": "^7.21.5",
-    "@manypkg/cli": "^0.20.0",
+    "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
+    "@babel/preset-env": "^7.22.5",
+    "@babel/preset-react": "^7.22.5",
+    "@babel/preset-typescript": "^7.22.5",
+    "@manypkg/cli": "^0.21.0",
     "@preconstruct/hook": "^0.4.0",
-    "@storybook/addon-a11y": "^7.0.12",
-    "@storybook/addon-essentials": "^7.0.12",
-    "@storybook/react": "^7.0.12",
-    "@storybook/react-webpack5": "^7.0.12",
-    "@types/jest": "^29.5.1",
-    "@types/node": "^18.16.13",
-    "@types/react": "^18.2.6",
-    "@types/react-dom": "^18.2.4",
-    "@typescript-eslint/eslint-plugin": "^5.59.6",
-    "@typescript-eslint/parser": "^5.59.6",
+    "@storybook/addon-a11y": "^7.0.22",
+    "@storybook/addon-essentials": "^7.0.22",
+    "@storybook/react": "^7.0.22",
+    "@storybook/react-webpack5": "^7.0.22",
+    "@types/jest": "^29.5.2",
+    "@types/node": "^18.16.18",
+    "@types/react": "^18.2.13",
+    "@types/react-dom": "^18.2.6",
+    "@typescript-eslint/eslint-plugin": "^5.60.0",
+    "@typescript-eslint/parser": "^5.60.0",
     "babel-jest": "^29.5.0",
-    "babel-plugin-react-native-web": "^0.19.4",
-    "eslint": "^8.40.0",
+    "babel-plugin-react-native-web": "^0.19.5",
+    "eslint": "^8.43.0",
     "eslint-config-airbnb": "^19.0.4",
     "eslint-config-airbnb-typescript": "^17.0.0",
     "eslint-config-prettier": "^8.8.0",
     "eslint-plugin-import": "^2.27.5",
-    "eslint-plugin-jsdoc": "^44.2.4",
+    "eslint-plugin-jsdoc": "^46.2.6",
     "eslint-plugin-jsx-a11y": "^6.7.1",
     "eslint-plugin-react": "^7.32.2",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-storybook": "^0.6.12",
     "eslint-plugin-testing-library": "^5.11.0",
     "eslint-plugin-unicorn": "^47.0.0",
     "gh-pages": "^5.0.0",
-    "glob": "^10.2.5",
+    "glob": "^10.3.0",
     "husky": "^8.0.3",
     "jest": "^29.5.0",
     "jest-environment-jsdom": "^29.5.0",
     "jest-watch-typeahead": "^2.2.2",
-    "knip": "^2.11.0",
-    "lerna": "^6.6.2",
+    "knip": "^2.14.1",
+    "lerna": "^7.0.2",
     "lint-staged": "^13.2.2",
     "prettier": "^2.8.8",
     "prettier-plugin-organize-imports": "^3.2.2",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "react-native": "0.71.8",
+    "react-native": "0.72.0",
     "react-native-builder-bob": "^0.20.4",
     "react-native-safe-area-context": "4.5.0",
-    "react-native-svg": "13.4.0",
-    "react-native-web": "^0.19.4",
+    "react-native-svg": "13.9.0",
+    "react-native-web": "^0.19.5",
     "rimraf": "^5.0.1",
-    "storybook": "^7.0.12",
+    "storybook": "^7.0.22",
     "storybook-addon-performance": "^0.17.1",
     "storybook-dark-mode": "^3.0.0",
     "tsx": "^3.12.7",
-    "typescript": "~5.0.4",
-    "webpack": "^5.83.1",
+    "typescript": "~5.1.3",
+    "webpack": "^5.88.0",
     "yarn-deduplicate": "^6.0.2"
   },
+  "resolutions": {
+    "@types/react": "^18.2.13"
+  },
   "scripts": {
     "build": "lerna run build --ignore=\"@md3-ui/docs\"",
     "build:props-docs": "yarn typedocs && lerna run build --scope=\"@md3-ui/props-docs\"",

packages/app-bar/package.json

@@ -40,9 +40,9 @@
   "devDependencies": {
     "@md3-ui/button": "^0.2.1",
     "@md3-ui/icons": "^0.2.1",
-    "@types/react": "^18.2.6",
+    "@types/react": "^18.2.13",
     "react": "18.2.0",
-    "react-native": "0.71.8"
+    "react-native": "0.72.0"
   },
   "peerDependencies": {
     "@types/react": "^18.2.0",

packages/badge/package.json

@@ -40,9 +40,9 @@
   },
   "devDependencies": {
     "@md3-ui/icons": "^0.2.1",
-    "@types/react": "^18.2.6",
+    "@types/react": "^18.2.13",
     "react": "18.2.0",
-    "react-native": "0.71.8"
+    "react-native": "0.72.0"
   },
   "peerDependencies": {
     "@types/react": "^18.2.0",

packages/button/package.json

@@ -42,9 +42,9 @@
   "devDependencies": {
     "@md3-ui/icons": "^0.2.1",
     "@md3-ui/layout": "^0.2.1",
-    "@types/react": "^18.2.6",
+    "@types/react": "^18.2.13",
     "react": "18.2.0",
-    "react-native": "0.71.8"
+    "react-native": "0.72.0"
   },
   "peerDependencies": {
     "@types/react": "^18.2.0",

packages/card/package.json

@@ -39,9 +39,9 @@
   },
   "devDependencies": {
     "@md3-ui/button": "^0.2.1",
-    "@types/react": "^18.2.6",
+    "@types/react": "^18.2.13",
     "react": "18.2.0",
-    "react-native": "0.71.8"
+    "react-native": "0.72.0"
   },
   "peerDependencies": {
     "@types/react": "^18.2.0",

packages/chip/package.json

@@ -39,9 +39,9 @@
     "@md3-ui/system": "^0.2.1"
   },
   "devDependencies": {
-    "@types/react": "^18.2.6",
+    "@types/react": "^18.2.13",
     "react": "18.2.0",
-    "react-native": "0.71.8"
+    "react-native": "0.72.0"
   },
   "peerDependencies": {
     "@types/react": "^18.2.0",