Replace JSX with React.JSX

Author: memark

packages/react-google-maps-api-gatsby-example/src/examples/example-directions.tsx

@@ -31,7 +31,7 @@ interface Props {
   }
 }
 
-function ExampleDirections({ styles }: Props): JSX.Element {
+function ExampleDirections({ styles }: Props): React.JSX.Element {
   const [response, setResponse] = useState<google.maps.DirectionsResult | null>(
     null
   )

packages/react-google-maps-api-gatsby-example/src/examples/example-drawing.tsx

@@ -20,7 +20,7 @@ interface Props {
   }
 }
 
-function ExampleDrawing({ styles }: Props): JSX.Element {
+function ExampleDrawing({ styles }: Props): React.JSX.Element {
   return (
     <div className='map'>
       <div className='map-container'>

packages/react-google-maps-api-gatsby-example/src/examples/example-ground.tsx

@@ -31,7 +31,7 @@ interface Props {
   }
 }
 
-function GroundOverlayC(): JSX.Element {
+function GroundOverlayC(): React.JSX.Element {
   return (
     <GroundOverlay
     url='https://www.lib.utexas.edu/maps/historical/newark_nj_1922.jpg'
@@ -42,7 +42,7 @@ function GroundOverlayC(): JSX.Element {
 
 const GroundOverlayComponent = memo(GroundOverlayC)
 
-function ExampleGround({ styles }: Props): JSX.Element{
+function ExampleGround({ styles }: Props): React.JSX.Element{
   return (
     <div className='map'>
       <div className='map-container'>

packages/react-google-maps-api-gatsby-example/src/examples/example-heatmap.tsx

@@ -27,7 +27,7 @@ interface Props {
   }
 }
 
-function ExampleHeatmap({ styles }: Props): JSX.Element{
+function ExampleHeatmap({ styles }: Props): React.JSX.Element{
   const data = useMemo(() => {
     return [
       new google.maps.LatLng(37.782, -122.447),

packages/react-google-maps-api-gatsby-example/src/examples/example-options.tsx

@@ -31,7 +31,7 @@ interface Props {
   }
 }
 
-function ExampleOptions({ styles }: Props): JSX.Element {
+function ExampleOptions({ styles }: Props): React.JSX.Element {
   return (
     <div className='map'>
       <div className='map-container'>

packages/react-google-maps-api-gatsby-example/src/examples/example-overlay-view.tsx

@@ -33,7 +33,7 @@ interface Props {
   }
 }
 
-function ExampleOverlayView({ styles }: Props): JSX.Element {
+function ExampleOverlayView({ styles }: Props): React.JSX.Element {
   const [isShown, setIsShown] = useState(false)
 
   const changeIsShown = useCallback(() => {

packages/react-google-maps-api-gatsby-example/src/examples/example-search-box.tsx

@@ -40,7 +40,7 @@ interface Props {
   }
 }
 
-function ExampleSearchBox({ styles }: Props): JSX.Element{
+function ExampleSearchBox({ styles }: Props): React.JSX.Element{
   return (
     <div className='map'>
       <div className='map-container'>

packages/react-google-maps-api-gatsby-example/src/examples/example-shapes.tsx

@@ -143,7 +143,7 @@ interface Props {
   }
 }
 
-function ExampleShapes({ styles }: Props): JSX.Element {
+function ExampleShapes({ styles }: Props): React.JSX.Element {
   const [polylineVisible, setPolylineVisible] = useState(true)
   const [polylineOptions, setPolylineOptions] = useState(
     JSON.stringify(POLYLINE_OPTIONS)

packages/react-google-maps-api-gatsby-example/src/examples/example-traffic.tsx

@@ -24,7 +24,7 @@ interface Props {
   }
 }
 
-function ExampleTraffic({ styles }: Props): JSX.Element {
+function ExampleTraffic({ styles }: Props): React.JSX.Element {
   return (
     <div className='map'>
       <div className='map-container'>

packages/react-google-maps-api-gatsby-example/src/examples/example-transit.tsx

@@ -33,7 +33,7 @@ interface Props {
   }
 }
 
-function ExampleTransit({ styles }: Props): JSX.Element {
+function ExampleTransit({ styles }: Props): React.JSX.Element {
   return (
     <div className='map'>
       <div className='map-container'>