Dont exists support to Expo v5 (typescript)

[ericktucto]

My version expo

Steps:

1. Create new expo project (use typescript)
2. Add SVGR and transformer with commands npm install react-navite-svg and npm install -D react-native-svg-transformer
3. Create file metro.config.js and use next config:

const { getDefaultConfig } = require("expo/metro-config");

module.exports = (() => {
  const config = getDefaultConfig(__dirname);

  const { transformer, resolver } = config;

  config.transformer = {
    ...transformer,
    babelTransformerPath: require.resolve("react-native-svg-transformer"),
  };
  config.resolver = {
    ...resolver,
    assetExts: resolver.assetExts.filter((ext) => ext !== "svg"),
    sourceExts: [...resolver.sourceExts, "svg"],
  };

  return config;
})();

4. Create declarations.d.ts file with next content:

declare module "*.svg" {
  import React from 'react';
  import { SvgProps } from "react-native-svg";
  const content: React.FC<SvgProps>;
  export default content;
}

5. Import svg on App.tsx

import { StatusBar } from 'expo-status-bar';
import { View } from 'react-native';
import LogoEmber from "./assets/ember.svg"; // IMPORT SVG FILE

export default function App() {
  return (
    <View>
      <LogoEmber />
      <StatusBar style="auto" />
    </View>
  );
}

5. Run app with expo start command

Error on web

[Fuchsoria]

Same for me

[kristerkari]

Thanks, I'll try it out and see if I can reproduce the error.