make eslint automatic fixes

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

Author: lukasvice

jest-setup.js

@@ -1 +1 @@
-import '@testing-library/jest-dom';
+import '@testing-library/jest-dom'

jest.config.json

@@ -1,9 +1,9 @@
 {
-    "testEnvironment": "jsdom",
-    "transform": {
-        "^.+\\.(t|j)sx?$": "ts-jest"
-    },
-    "testRegex": "(/__tests?__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$",
-    "moduleFileExtensions": ["ts", "tsx", "js", "jsx", "json", "node"],
-    "setupFilesAfterEnv": ["<rootDir>/jest-setup.ts"]
+  "testEnvironment": "jsdom",
+  "transform": {
+    "^.+\\.(t|j)sx?$": "ts-jest"
+  },
+  "testRegex": "(/__tests?__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$",
+  "moduleFileExtensions": ["ts", "tsx", "js", "jsx", "json", "node"],
+  "setupFilesAfterEnv": ["<rootDir>/jest-setup.ts"]
 }

src/async-data/__test__/AsyncView.test.tsx

@@ -1,5 +1,5 @@
+import { RenderResult, render } from '@testing-library/react'
 import React from 'react'
-import { render, RenderResult } from '@testing-library/react'
 import { AsyncView } from '../AsyncView'
 
 type Data = {

src/location-provider/LocationProvider.js

@@ -1,6 +1,5 @@
+import { createContext, useEffect, useState } from 'react'
 import { jsx as _jsx } from 'react/jsx-runtime'
-import { useEffect, useState } from 'react'
-import { createContext } from 'react'
 import { useInterval } from '../index'
 import { getCurrentLocation } from './getCurrentLocation'
 export const LocationContext = createContext({
@@ -25,5 +24,5 @@ export const LocationProvider = ({ highAccuracy, delay, children }) => {
   useInterval(() => {
     updateLocation()
   }, delay)
-  return _jsx(LocationContext.Provider, { value: location, children: children })
+  return _jsx(LocationContext.Provider, { value: location, children })
 }

src/location-provider/LocationProvider.tsx

@@ -1,5 +1,4 @@
-import React, { useEffect, useState } from 'react'
-import { createContext } from 'react'
+import React, { createContext, useEffect, useState } from 'react'
 import { useInterval } from '../index'
 import { getCurrentLocation } from './getCurrentLocation'
 

src/useInterval/useInterval.js

@@ -2,11 +2,15 @@ import { useEffect, useRef } from 'react'
 const useInterval = (callback, delay) => {
   const savedCallback = useRef(null)
   useEffect(() => {
-    if (delay === null) return
+    if (delay === null) {
+      return
+    }
     savedCallback.current = callback
   })
   useEffect(() => {
-    if (delay === null) return
+    if (delay === null) {
+      return
+    }
     const tick = () => {
       if (savedCallback.current !== null) {
         savedCallback.current()

src/useInterval/useInterval.ts

@@ -7,20 +7,26 @@ const useInterval = (callback: Callback, delay: Delay): void => {
   const savedCallback = useRef<Callback | null>(null)
 
   useEffect(() => {
-    if (delay === null) return
+    if (delay === null) {
+      return
+    }
     savedCallback.current = callback
   })
 
   useEffect(() => {
-    if (delay === null) return
+    if (delay === null) {
+      return
+    }
 
     const tick = (): void => {
       if (savedCallback.current !== null) {
         savedCallback.current()
       }
     }
     const id = setInterval(tick, delay)
-    return (): void => clearInterval(id)
+    return (): void => {
+      clearInterval(id)
+    }
   }, [delay])
 }
 

src/useMatchMediaQuery/__test__/useMatchMediaQuery.test.tsx

@@ -1,6 +1,6 @@
-import React from 'react'
+import { RenderResult, render } from '@testing-library/react'
 import isMatching from 'css-mediaquery'
-import { render, RenderResult } from '@testing-library/react'
+import React from 'react'
 import { useMatchMediaQuery } from '../useMatchMediaQuery'
 
 beforeEach(() => {
@@ -18,7 +18,9 @@ beforeEach(() => {
 
 const TestComponent = ({ query }: { query: string }) => {
   const isMatched = useMatchMediaQuery(query)
-  if (isMatched) return <div>visible</div>
+  if (isMatched) {
+    return <div>visible</div>
+  }
   return <div>hidden</div>
 }
 

src/useMatchMediaQuery/useMatchMediaQuery.js

@@ -1,10 +1,14 @@
-import { useState, useEffect } from 'react'
+import { useEffect, useState } from 'react'
 function useMatchMediaQuery(query) {
-  if (typeof window !== 'object' || !window.matchMedia) return
+  if (typeof window !== 'object' || !window.matchMedia) {
+    return
+  }
   const [matches, setMatches] = useState(window.matchMedia(query).matches)
   useEffect(() => {
     const media = window.matchMedia(query)
-    if (media.matches !== matches) setMatches(media.matches)
+    if (media.matches !== matches) {
+      setMatches(media.matches)
+    }
     const listener = () => setMatches(media.matches)
     if (media.addEventListener) {
       media.addEventListener('change', listener)

src/useMatchMediaQuery/useMatchMediaQuery.ts

@@ -1,23 +1,30 @@
-import { useState, useEffect } from 'react'
+import { useEffect, useState } from 'react'
 
 function useMatchMediaQuery(query: string): boolean | undefined {
-  if (typeof window !== 'object' || !window.matchMedia) return
+  if (typeof window !== 'object' || !window.matchMedia) {
+    return
+  }
 
   const [matches, setMatches] = useState(window.matchMedia(query).matches)
 
   useEffect(() => {
     const media = window.matchMedia(query)
 
-    if (media.matches !== matches) setMatches(media.matches)
+    if (media.matches !== matches) {
+      setMatches(media.matches)
+    }
 
-    const listener = () => setMatches(media.matches)
+    const listener = () => {
+      setMatches(media.matches)
+    }
 
     if (media.addEventListener) {
       media.addEventListener('change', listener)
     }
 
-    return () =>
+    return () => {
       media.removeEventListener && media.removeEventListener('change', listener)
+    }
   }, [matches, query])
 
   return matches