fix: remove explicit types for components using forwardRef (#620)

closes #619
closes #617

src/components/advanced-marker.tsx

@@ -3,7 +3,6 @@ import React, {
   Children,
   CSSProperties,
   forwardRef,
-  ForwardRefExoticComponent,
   useCallback,
   useEffect,
   useImperativeHandle,
@@ -275,8 +274,8 @@ function useAdvancedMarker(props: AdvancedMarkerProps) {
   return [marker, contentContainer] as const;
 }
 
-export const AdvancedMarker: ForwardRefExoticComponent<AdvancedMarkerProps> =
-  forwardRef((props, ref: Ref<AdvancedMarkerRef>) => {
+export const AdvancedMarker = forwardRef(
+  (props: AdvancedMarkerProps, ref: Ref<AdvancedMarkerRef>) => {
     const {children, style, className, anchorPoint} = props;
     const [marker, contentContainer] = useAdvancedMarker(props);
 
@@ -300,7 +299,8 @@ export const AdvancedMarker: ForwardRefExoticComponent<AdvancedMarkerProps> =
         )}
       </AdvancedMarkerContext.Provider>
     );
-  });
+  }
+);
 
 export function useAdvancedMarkerRef() {
   const [marker, setMarker] =

src/components/marker.tsx

@@ -1,7 +1,6 @@
 /* eslint-disable complexity */
 import React, {
   forwardRef,
-  ForwardRefExoticComponent,
   useCallback,
   useEffect,
   useImperativeHandle,
@@ -119,15 +118,13 @@ function useMarker(props: MarkerProps) {
 /**
  * Component to render a marker on a map
  */
-export const Marker: ForwardRefExoticComponent<MarkerProps> = forwardRef(
-  (props: MarkerProps, ref: MarkerRef) => {
-    const marker = useMarker(props);
+export const Marker = forwardRef((props: MarkerProps, ref: MarkerRef) => {
+  const marker = useMarker(props);
 
-    useImperativeHandle(ref, () => marker, [marker]);
+  useImperativeHandle(ref, () => marker, [marker]);
 
-    return <></>;
-  }
-);
+  return <></>;
+});
 
 export function useMarkerRef() {
   const [marker, setMarker] = useState<google.maps.Marker | null>(null);