Bump Linting/Typechecking to RN 0.72 (#3647)

* WIP Bump Types

* Fix some pages

* fix bad merge

Author: NickGerleman

docs/datepickerios.md

@@ -3,13 +3,13 @@ id: datepickerios
 title: '🚧 DatePickerIOS'
 ---
 
-> **Deprecated.** Use one of the [community packages](https://reactnative.directory/?search=datepicker) instead.
+> **Removed.** Use one of the [community packages](https://reactnative.directory/?search=datepicker) instead.
 
 Use `DatePickerIOS` to render a date/time picker (selector) on iOS. This is a controlled component, so you must hook in to the `onDateChange` callback and update the `date` prop in order for the component to update, otherwise the user's change will be reverted immediately to reflect `props.date` as the source of truth.
 
 ### Example
 
-```SnackPlayer name=DatePickerIOS&supportedPlatforms=ios
+```SnackPlayer name=DatePickerIOS&supportedPlatforms=ios&disableLinting=true
 import React, {useState} from 'react';
 import {DatePickerIOS, View, StyleSheet} from 'react-native';
 

docs/flexbox.md

@@ -2450,7 +2450,7 @@ import {
 } from 'react-native';
 import type {PropsWithChildren} from 'react';
 
-type Dimension = string | number;
+type Dimension = 'auto' | `${number}%` | number;
 
 const WidthHeightBasics = () => {
   const [widthType, setWidthType] = useState<Dimension>('auto');

docs/progressviewios.md

@@ -3,13 +3,13 @@ id: progressviewios
 title: '🚧 ProgressViewIOS'
 ---
 
-> **Deprecated.** Use one of the [community packages](https://reactnative.directory/?search=progressview) instead.
+> **Removed.** Use one of the [community packages](https://reactnative.directory/?search=progressview) instead.
 
 Uses `ProgressViewIOS` to render a UIProgressView on iOS.
 
 ### Example
 
-```SnackPlayer name=ProgressViewIOS&supportedPlatforms=ios
+```SnackPlayer name=ProgressViewIOS&supportedPlatforms=ios&disableLinting=true
 import React from 'react';
 import {View, StyleSheet, ProgressViewIOS, Text} from 'react-native';
 

scripts/lint-examples/.eslintrc.js

@@ -1,6 +1,6 @@
 module.exports = {
   root: true,
-  extends: '@react-native-community',
+  extends: '@react-native',
   rules: {
     // Many existing inline styles in examples
     'react-native/no-inline-styles': 'off',

scripts/lint-examples/package.json

@@ -11,17 +11,16 @@
     "@babel/core": "^7.12.9",
     "@babel/preset-env": "^7.14.0",
     "@babel/runtime": "^7.12.5",
-    "@react-native-community/eslint-config": "^3.0.0",
     "@react-native-community/slider": "^4.4.2",
+    "@react-native/eslint-config": "^0.72.1",
     "@tsconfig/react-native": "^2.0.2",
-    "@types/jest": "^29.2.3",
     "@types/react": "^18.0.24",
     "eslint": "^8.19.0",
     "glob-promise": "^4.2.2",
-    "metro-react-native-babel-preset": "0.73.3",
+    "metro-react-native-babel-preset": "0.75.1",
     "prettier": "^2.4.1",
     "react": "18.2.0",
-    "react-native": "^0.71.0-rc.5",
+    "react-native": "^0.72.0-rc.2",
     "typescript": "4.8.4"
   }
 }

scripts/lint-examples/src/lintExamples.js

@@ -113,8 +113,13 @@ async function extractExamplesFromDocument(filename, extension) {
       const snackParams = new URLSearchParams(match[2].trim());
       const exampleName = snackParams.get('name');
       const exampleExt = snackParams.get('ext');
+      const disableLinting = snackParams.get('disableLinting');
       const content = match[3];
 
+      if (disableLinting === 'true') {
+        return [];
+      }
+
       const baseFileName = path.relative(documentsRoot, filename);
       const outFile = path.join(
         outputRoot,