Adding jsconfig to enhance imports

jsconfig.json

@@ -0,0 +1,15 @@
+{
+  "compilerOptions": {
+    "baseUrl": ".",
+    "checkJs": true,
+    "jsx": "react-jsx",
+    "paths": {
+      "src/*": [
+        "./src/*"
+      ],
+      "components/*": [
+        "./src/components/*"
+      ]
+    }
+  }
+}

src/App.jsx

@@ -4,10 +4,9 @@ import { Dropdown } from 'primereact/dropdown'
 import { InputNumber } from 'primereact/inputnumber'
 import { InputSwitch } from 'primereact/inputswitch'
 import { InputText } from 'primereact/inputtext'
+import { CustomInput } from './components/CustomInput'
 import { useState } from 'react'
 
-import { CustomInput } from './CustomInput'
-
 const tiposDeAve = [
   { nombre: 'Golondrina Tijerita' },
   { nombre: 'Petrel' },

src/components/CustomInput.jsx

@@ -0,0 +1,14 @@
+import PropTypes from 'prop-types'
+
+export const CustomInput = ({ enabled, children, value }) => {
+  if (!enabled) {
+    return <span className="disabled">{value ?? children.props.value}</span>
+  }
+  return children
+}
+
+CustomInput.propTypes = {
+  enabled: PropTypes.bool,
+  children: PropTypes.element,
+  value: PropTypes.any,
+}

vite.config.js

@@ -12,6 +12,7 @@ export default defineConfig({
     setupFiles: ["./setupTests.js"],
     environment: 'jsdom',
     coverage: {
+      provider: 'v8',
       reporter: ['text', 'json', 'html', 'json-summary'],
     },
   }