Hello Linus

I am trying to get expo build:web output javascript that is compatible with ie11. Problem starts when I add @react-navigation to my expo projekt.

app.js
`import React from 'react';
import { StatusBar } from 'expo-status-bar';
import { Text, Button } from 'react-native';
import StyleSheet from 'react-native-web/dist/exports/StyleSheet';
import View from 'react-native-web/dist/exports/View';
import { NavigationContainer } from '@react-navigation/native';
import { createStackNavigator } from '@react-navigation/stack';

export const Screen1 = ({ navigation }) => (

Screen 1
<Button title="Go to Screen 2" onPress={() => navigation.push('Screen2')} />


);

export const Screen2 = () => (

Screen 2


);

const Stack = createStackNavigator();
export const AppStack = () => (
<Stack.Navigator>
<Stack.Screen name="Screen1" component={Screen1} />
<Stack.Screen name="Screen2" component={Screen2} />
</Stack.Navigator>
);

const SignIn = () => (

Sign In


);

const AuthStack = () => (
<Stack.Navigator>
<Stack.Screen name="SignIn" component={SignIn} />
</Stack.Navigator>
);

export default ({ isLoggedIn = true }) => (

{isLoggedIn ? : }

);

const styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: '#fff',
alignItems: 'center',
justifyContent: 'center',
},
});
`

Ps. Installing expo-legacy-browser-support I must use --force flag on Expo 43.0.3? Right? Wrong? I also had to add these lines to babel.config.js to hide warnings:

module.exports = function(api) {
api.cache(true);
return {
plugins: [
["@babel/plugin-proposal-class-properties", {loose: true}],
["@babel/plugin-proposal-private-methods", {loose: true}],
["@babel/plugin-proposal-private-property-in-object", {loose: true}]
],
presets: ['expo-legacy-browser-support/babel'],
};
};

Maybe I am doing something wrong or other config needs to be done to make that package work?

Thanks
/Conny