Tengo un componente en un archivo ts que representa un componente en un archivo js , algo como esto:

 // typescript const MyTSComponent = (props: propsType) => { return ( <MyJSComponent units="m3" /> <-- Error! ); }

 // javascript const MyJSComponent = (props) => { return ( <div>{props.units}</div> ); }

El problema que tengo es que mi compilador ts arroja un error en el componente ts en las units prop que dice:

 Type 'string' cannot be asigned to type 'null | undefined'

¿Por qué TypeScript valida los accesorios de un componente js ? Aquí está mi archivo tsconfig :

 { "compilerOptions": { "target": "es5", "module": "esnext", "lib": ["dom", "dom.iterable", "esnext"], "jsx": "react", "sourceMap": true, "noEmit": true, "importHelpers": true, "isolatedModules": true, "strictNullChecks": true, "moduleResolution": "node", "resolveJsonModule": true, "allowSyntheticDefaultImports": true, "esModuleInterop": true, "skipLibCheck": true, "forceConsistentCasingInFileNames": true, "strict": true, "baseUrl": "src", "downlevelIteration": true, "allowJs": true }, "include": ["src"], "exclude": ["node_modules/*"] }

¡Gracias!