Enhance component export statement

[JayashTripathy]

Right now component exports are something like this

import { View } from '@rn-primitives/slot';
import { Stack } from 'expo-router';

import { Container } from '~/components/Container';
import { Text } from '~/components/nativewindui/Text';
import { ScreenContent } from '~/components/ScreenContent';

export default function Home() {
  return (
    <>
      <Stack.Screen options={{ title: 'Tab Two' }} />
      <Container>
        <View className="flex-1 items-center justify-center bg-green-400">
          <Text>Tab Two</Text>
        </View>
      </Container>
    </>
  );
}

Because we are exporting inline. App goes back to the initial screen when using fast refresh
reason you can see this in thread expo/router#455

So if we could make the export defination like this. Then it would not go to the initial screen after every fast refresh

import { View } from '@rn-primitives/slot';
import { Stack } from 'expo-router';

import { Container } from '~/components/Container';
import { Text } from '~/components/nativewindui/Text';
import { ScreenContent } from '~/components/ScreenContent';

function Home() {
  return (
    <>
      <Stack.Screen options={{ title: 'Tab Two' }} />
      <Container>
        <View className="flex-1 items-center justify-center bg-green-400">
          <Text>Tab Two</Text>
        </View>
      </Container>
    </>
  );
}

export default Home;

[dannyhw]

both examples look the same, is there some mistake in the issue description?

[JayashTripathy]

ohh my bad. updated now

[danstepanov]

@dannyhw is this a worthwhile change?

[dannyhw]

yeah if this can fix the fast refresh thing we should do it

[dannyhw]

I've been testing this and I have no reason to believe this has any impact on fast refresh, what causes fast refresh to fall back seems to be other things like having other non component or complex exports in the component file you edit