Improved types on element ref objects and their usage

src/utils/helpers/components.ts

@@ -1,5 +0,0 @@
-import { MutableRefObject, Ref } from 'react';
-
-export const mutableRefToElementRef = <T>(ref: MutableRefObject<T | undefined>): Ref<T> => (el) => {
-  ref.current = el ?? undefined; // eslint-disable-line no-param-reassign
-};

src/utils/helpers/hooks.ts

@@ -1,4 +1,4 @@
-import { useState, useRef, EffectCallback, DependencyList, useEffect } from 'react';
+import { DependencyList, EffectCallback, useEffect, useRef, useState } from 'react';
 import { useSwipeable as useReactSwipeable } from 'react-swipeable';
 import { useLocation, useNavigate } from 'react-router-dom';
 import { v4 as uuid } from 'uuid';
@@ -91,3 +91,5 @@ export const useDomId = (): string => {
   const { current: id } = useRef(`dom-${uuid()}`);
   return id;
 };
+
+export const useElementRef = <T>() => useRef<T | null>(null);