Set @babel/preset-react runtime to automatic and document

Auto import needed react/jsx-runtime fn's like React

babel.config.js

@@ -5,5 +5,24 @@
 */
 
 module.exports = {
-  presets: ['module:metro-react-native-babel-preset']
+  presets: [
+    'module:metro-react-native-babel-preset',
+    [
+      '@babel/preset-react',
+      {
+        /**
+         * runtime: automatic
+         * - auto imports fn's JSX transpiles to like React
+         * - adds __source and __self props too for debugging
+         */
+        runtime: 'automatic', // default to classic
+        /**
+         * development: true
+         * - adds __source and __self props too for debugging
+         * - can't use with runtime: automatic from dupe props errors
+         * - runtime: classic means no auto imports
+         */
+      }
+    ]
+  ]
 }