fix(*) Minor refactoring

Author: cdoublev

__tests__/hooks/useIntersectionObserver.js

@@ -169,7 +169,7 @@ it.each(cases)('%s', (_, Test) => {
      * wheel.
      */
     act(() => {
-        root = container.querySelector('#root') || document
+        root = container.querySelector('#root') ?? document
         root.dispatchEvent(new WheelEvent('wheel', { bubbles: true, deltaY: 1 })) // (2)
         jest.runOnlyPendingTimers() // (1)
     })

__tests__/hooks/useScrollIntoView.js

@@ -42,7 +42,7 @@ const createEvent = (type, { button, pointerType, x = 0, y = 0 } = {}) => {
         case 'pointerdown':
             init.button = button // eslint-disable-line no-fallthrough
         case 'pointerup':
-            init.pointerType = pointerType || init.button === TOUCH_BUTTON_ID ? 'touch' : 'mouse'
+            init.pointerType = (pointerType ?? init.button === TOUCH_BUTTON_ID) ? 'touch' : 'mouse'
             init.screenX = x * TOUCH_SENSITIVITY
             init.screenY = y * TOUCH_SENSITIVITY
             return new PointerEvent(type, init)

src/components/svg-filters.js

@@ -197,7 +197,7 @@ const primitives = {
  * Memo: the first primitive doesn't require a `in` prop, as it will default to
  * `SourceGraphic` natively.
  */
-const Filter = ({ id, name, ...props }) => {
+const Filter = ({ name, id = name, ...props }) => {
 
     if (props.in || props.result) {
         return primitives[name](props)
@@ -207,7 +207,7 @@ const Filter = ({ id, name, ...props }) => {
         ? { height: '300%', width: '300%', x: '-100%', y: '-100%' }
         : { height: '200%', width: '200%', x: '-50%', y: '-50%' }
 
-    return <filter id={id || name} x={x} y={y} width={width} height={height}>{primitives[name](props)}</filter>
+    return <filter id={id} x={x} y={y} width={width} height={height}>{primitives[name](props)}</filter>
 }
 
 Filter.propTypes = {

src/hooks/useSVGMousePosition.js

@@ -102,7 +102,7 @@ const useSVGMousePosition = ({
             } else if (hasRoot && !root.current) {
                 return
             }
-            initListener(root.current || target.current, target.current)
+            initListener(root.current ?? target.current, target.current)
         },
         [cleanup, hasRoot, initListener, root, target])
 

src/hooks/useScrollIntoView.js

@@ -331,7 +331,7 @@ const useScrollIntoView = ({
                 setActiveTarget(direction > 0 ? targets.current.length : -1)
                 state.current.isScrolling = false
             }
-            state.current.cleanup = addEventListeners(root.current = node || document, onScroll, state.current)
+            state.current.cleanup = addEventListeners(root.current = node ?? document, onScroll, state.current)
         },
         [
             beforeScroll,