fix: lint

Author: jscottsmith

documentation/docs/examples/custom-effects.mdx

@@ -19,7 +19,7 @@ function Example() {
       if (parallax.ref.current) {
         // set progress to CSS variable
         parallax.ref.current.style.setProperty(
-          "--progress",
+          '--progress',
           progress.toString()
         );
       }
@@ -47,5 +47,4 @@ Try it out for yourself in this CodeSandbox example: [Custom Effects Example](ht
 
 Using this technique, we can animate any CSS property based on the scroll position of an element. Here's another example of animating the letter spacing and text shadow of a text element:
 
-<CustomEffect/>
-
+<CustomEffect />

documentation/docs/usage/next-13.md

@@ -1,4 +1,3 @@
-
 # Usage with Next.js
 
 This guide will show you how to set up `react-scroll-parallax` using the [Next 13](https://nextjs.org/blog/next-13) App router.

documentation/pnpm-lock.yaml

@@ -14,7 +14,7 @@
 /** @type {import('@docusaurus/plugin-content-docs').SidebarsConfig} */
 const sidebars = {
   // By default, Docusaurus generates a sidebar from the docs folder structure
-  tutorialSidebar: [{type: 'autogenerated', dirName: '.'}],
+  tutorialSidebar: [{ type: 'autogenerated', dirName: '.' }],
 
   // But you can create a sidebar manually
   /*

documentation/sidebars.js

@@ -1,14 +1,14 @@
 .text-stroke {
-    font-family: sans-serif;
-    font-size: 15vmin;
-    height: 100px;
+  font-family: sans-serif;
+  font-size: 15vmin;
+  height: 100px;
 
-    -webkit-text-stroke-color: white;
-    -webkit-text-stroke-width: 1px;
+  -webkit-text-stroke-color: white;
+  -webkit-text-stroke-width: 1px;
 
-    /* color:paleturquoise; */
-    @apply text-blue-400;
-    letter-spacing: calc(2vw * var(--progress) - 1vw);
-    white-space: nowrap;
-    text-shadow: 0 calc(4vw * var(--progress) - 2vw) 0 rgba(156, 163, 175, 0.2);
-}
+  /* color:paleturquoise; */
+  @apply text-blue-400;
+  letter-spacing: calc(2vw * var(--progress) - 1vw);
+  white-space: nowrap;
+  text-shadow: 0 calc(4vw * var(--progress) - 2vw) 0 rgba(156, 163, 175, 0.2);
+}

documentation/src/components/custom-effect/index.css

@@ -93,7 +93,8 @@
     "tabWidth": 2,
     "semi": true,
     "singleQuote": true,
-    "trailingComma": "es5"
+    "trailingComma": "es5",
+    "arrowParens": "always"
   },
   "module": "dist/react-scroll-parallax.esm.js",
   "size-limit": [

package.json

@@ -18,8 +18,9 @@ const containerStyle: CSSProperties = {
 export const ParallaxBanner = (
   props: PropsWithChildren<ParallaxBannerProps>
 ) => {
-  const [targetElement, setTargetElement] =
-    useState<HTMLDivElement | null>(null);
+  const [targetElement, setTargetElement] = useState<HTMLDivElement | null>(
+    null
+  );
   const containerRef = useRef<HTMLDivElement>(null);
   useEffect(() => {
     setTargetElement(containerRef.current);

src/components/ParallaxBanner/ParallaxBanner.tsx

@@ -23,7 +23,7 @@ export function ParallaxProvider(
     if (props.scrollContainer && controller.current) {
       controller.current.updateScrollContainer(props.scrollContainer);
     }
-  }, [props.scrollContainer, controller.current]);
+  }, [props.scrollContainer]);
 
   // disable/enable parallax
   useEffect(() => {
@@ -33,12 +33,12 @@ export function ParallaxProvider(
     if (!props.isDisabled && controller.current) {
       controller.current.enableParallaxController();
     }
-  }, [props.isDisabled, controller.current]);
+  }, [props.isDisabled]);
 
   // remove the controller when unmounting
   useEffect(() => {
     return () => {
-      controller?.current && controller?.current.destroy();
+      controller?.current?.destroy();
     };
   }, []);
 

src/components/ParallaxProvider/ParallaxProvider.tsx

@@ -112,7 +112,7 @@ describe('A <ParallaxProvider>', () => {
     screen.unmount();
 
     expect(
-      (parallaxController as unknown as ParallaxController)?.destroy
+      ((parallaxController as unknown) as ParallaxController)?.destroy
     ).toBeCalled();
   });
 

src/components/ParallaxProvider/index.test.tsx

@@ -1,7 +1,9 @@
 import { ParallaxElementConfig } from 'parallax-controller';
 import { removeUndefinedObjectKeys } from '../utils/removeUndefinedObjectKeys';
 
-export function getIsolatedParallaxProps(props: any): {
+export function getIsolatedParallaxProps(
+  props: any
+): {
   parallaxProps: ParallaxElementConfig;
   rest: Record<string, any>;
 } {