Estoy tratando de crear un componente que permita utilizar file.svg en react native con react-native-svg-transform, cuando el path en el import está de manera estica funciona bien, el problema es cuando le asigno una variable para que sea dinámico, el import no reconoce esa variable y arroja el el siguiente error.
este es el código hecho en TypeScript
import { View } from 'react-native';
import React, { Suspense} from 'react';
interface Props {
name: string,
path: string
}
export const ImageSvg = (props: Props) => {
const Component = React.lazy(() => import('../assets/'+props.name+'.svg'));
return (
<View>
<Suspense fallback={null}>
<Component/>
</Suspense>
</View>
)
}
import
delazy
debería ser para un componente que tenga un elementoimg
para mostrar la imagensvg
, pero aquí estas tratando de importar la imagen svg como un si fuera un componente. No estoy seguro de esto, ya que no veo un ejemplo parecido en la doc