The following actions uses node12 which is deprecated and will be forced to run on node16: actions/setup-node@v1. For more info: https://github.blog/changelog/2023-06-13-github-actions-all-actions-will-run-on-node16-instead-of-node12-by-default/

The following actions uses Node.js version which is deprecated and will be forced to run on node20: actions/checkout@v3, actions/setup-node@v1. For more info: https://github.blog/changelog/2024-03-07-github-actions-all-actions-will-run-on-node20-instead-of-node16-by-default/

The 'isInternal' function makes the dependencies of useEffect Hook (at line 114) change on every render. To fix this, wrap the definition of 'isInternal' in its own useCallback() Hook

The 'toProtocol' function makes the dependencies of useEffect Hook (at line 114) change on every render. To fix this, wrap the definition of 'toProtocol' in its own useCallback() Hook

React Hook useMemo has an unnecessary dependency: 'theme'. Either exclude it or remove the dependency array

React Hook useMemo has an unnecessary dependency: 'extraProps.value'. Either exclude it or remove the dependency array

React Hook useEffect has a missing dependency: 'handleClear'. Either include it or remove the dependency array

The ref value 'audioElement.current' will likely have changed by the time this effect cleanup function runs. If this ref points to a node rendered by React, copy 'audioElement.current' to a variable inside the effect, and use that variable in the cleanup function