Error in useWebChatUIContext hook never gets thrown

Version

v 4.7.1

Describe the bug

The useWebChatUIContext hook never throws an error if the context is undefined because the context has a default value and is never undefined.

useWebChatUIContext.js

import { useContext } from 'react';

import WebChatUIContext from '../../WebChatUIContext';

export default function useWebChatUIContext() {
  const context = useContext(WebChatUIContext);

  if (!context) {
    throw new Error('This hook can only be used on a component that is a descendant of <Composer>');
  }

  return context;
}

WebChatUIContext.js

import React from 'react';

const context = React.createContext({
  sendFocusRef: null
});

context.displayName = 'WebChatUIContext';

export default context;

Expected behavior

The error should be thrown when the hook is used outside of the scope of Composer.
[Bug]

Start with useWebChatUIContext.js and WebChatUIContext.js, comparing the hook's missing-provider check with the context's default value. Verify the hook behavior outside Composer and confirm that it throws the expected error while existing Composer usage continues to work.