Code style fixes.

demo/Demo.js

@@ -11,9 +11,16 @@ export const Demo = ({watch, settings}) => {
     error,
   } = usePosition(watch, settings);
 
+  const loader = !latitude && !error ? (
+    <>
+      <div>Trying to fetch location...</div>
+      <br/>
+    </>
+  ) : null;
+
   return (
     <>
-      {!latitude && !error && <><div>Trying to fetch location...</div><br/></>}
+      {loader}
       <code>
         latitude: {latitude}<br/>
         longitude: {longitude}<br/>

src/usePosition.js

@@ -31,13 +31,18 @@ export const usePosition = (watch = false, settings = defaultSettings) => {
 
     let watcher = null;
     if (watch) {
-      watcher = navigator.geolocation.watchPosition(onChange, onError, settings);
+      watcher =
+        navigator.geolocation.watchPosition(onChange, onError, settings);
     } else {
       navigator.geolocation.getCurrentPosition(onChange, onError, settings);
     }
 
     return () => watcher && navigator.geolocation.clearWatch(watcher);
-  }, [settings.enableHighAccuracy, settings.timeout, settings.maximumAge]);
+  }, [
+    settings.enableHighAccuracy,
+    settings.timeout,
+    settings.maximumAge,
+  ]);
 
   return {...position, error};
 };

stories/index.stories.js

@@ -1,14 +1,14 @@
 import React from 'react';
-import {storiesOf} from '@storybook/react';
-import {Demo} from '../demo/Demo';
+import { storiesOf } from '@storybook/react';
+import { Demo } from '../demo/Demo';
 
 const highAccuracySettings = {
   enableHighAccuracy: true,
 };
 
 storiesOf('usePosition', module)
-    .add('fetching', () => <Demo />)
-    .add('watching', () => <Demo watch />)
-    .add('high accuracy watching', () => (
-      <Demo watch settings={highAccuracySettings} />
-    ));
+  .add('fetching', () => <Demo/>)
+  .add('watching', () => <Demo watch/>)
+  .add('high accuracy watching', () => (
+    <Demo watch settings={highAccuracySettings}/>
+  ));