Updated export of callout

Author: YoussefHenna

packages/maps/src/components/MapCallout.tsx

@@ -7,11 +7,11 @@ export interface MapCalloutProps
   showTooltip?: boolean;
 }
 
-const MapCallout: React.FC<React.PropsWithChildren<MapCalloutProps>> = ({
+// Has to be a function named 'Callout' to be matched as a Callout component and not a custom view for marker
+// See: https://github.com/teovillanueva/react-native-web-maps/blob/81278079c6f26a707d915d69de9a00080c305957/packages/react-native-web-maps/src/components/marker.web.tsx#L79
+export function Callout({
   showTooltip,
   ...rest
-}) => {
+}: React.PropsWithChildren<MapCalloutProps>) {
   return <MapCalloutComponent tooltip={!showTooltip} {...rest} />;
-};
-
-export default MapCallout;
+}

packages/maps/src/components/index.tsx

@@ -1,4 +1,3 @@
-export { MapView, MapMarker } from "./components";
-
-// Has to be exported directly, otherwise can be considered a custom marker and not a callout
-export { Callout as MapCallout } from "./components/react-native-maps";
+export { default as MapView } from "./components/MapView";
+export { default as MapMarker } from "./components/MapMarker";
+export { Callout as MapCallout } from "./components/MapCallout";