TypeError: Cannot read property 'push' of null when using SvgXml with babel plugin import

Hello. I don’t know if I’m using this library wrong or what but I only get “TypeError: Cannot read property ‘push’ of null” whenever I am trying to use an SvgXml tag.

babel.config:

module.exports = {
  presets: ['module:metro-react-native-babel-preset'],
  plugins: [['babel-plugin-inline-import', { extensions: ['.svg'] }]],
};

MyComponent.js

import React from 'react';
import { View, StyleSheet, Text } from 'react-native';
import { SvgXml } from 'react-native-svg';
import MyIcon from '../assets/icons/MyIcon.svg';
import CustomText from './CustomText';

const styles = ...

const MyComponent = ({ text }) => {
  return (
    <View style={styles.header}>
      <SvgXml width={100} height={200} xml={MyIcon} />
      <CustomText italic style={styles.label}>
        {text}
      </CustomText>
    </View>
  );
};

export default MyComponent;

What am I doing wrong? Thanks in advance

[msand]

Probably babel conf error, closing.

[msand]

Well nothing to do unless there’s a repro, instructions in readme are quite clear and seem to work just fine.