Implement a function useMediatedState(mediator, initialState) that works like useState, but applies a mediator function whenever the state is updated.

The function should:

• Accept an initial state value.
• Accept a mediator function that can:
  • Transform the new state and return it: (newState) => newState
  • Or intercept the update using a dispatch function: (newState, dispatch) => void
• Return an array containing:
  • The current state.
  • A setState function to update the state.

Example

const replaceMultipleSpaces = (s) => s.replace(/\s+/g, ' ');
const [state, setState] = useMediatedState(replaceMultipleSpaces, '');

setState('hello     world');
console.log(state); // 'hello world'