Incorporating PR comments

CHANGELOG.md

@@ -29,7 +29,7 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 
 ### Changed
 
--  `*`: Bumps all dev dependencies to latest version, by [@compulim](https://github.com/compulim), in PR [#2182](https://github.com/microsoft/BotFramework-WebChat/pull/2182) and PR [#XXX](https://github.com/compulim/BotFramework-WebChat/pull/XXX), notably
+-  `*`: Bumps all dev dependencies to latest version, by [@compulim](https://github.com/compulim), in PR [#2182](https://github.com/microsoft/BotFramework-WebChat/pull/2182) and PR [#2308](https://github.com/compulim/BotFramework-WebChat/pull/2308), notably
    -  [`@babel/*@7.5.4`](https://www.npmjs.com/package/@babel/core)
    -  [`jest@24.8.0`](https://www.npmjs.com/package/jest)
    -  [`lerna@3.15.0`](https://www.npmjs.com/package/lerna)
@@ -63,7 +63,7 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
    -  `component`: Remove [`react`](https://www.npmjs.com/package/react) and [`react-dom`](https://www.npmjs.com/package/react-dom) from `devDependencies`
    -  `playground`: Remove [`react`](https://www.npmjs.com/package/react) and [`react-dom`](https://www.npmjs.com/package/react-dom) from `dependencies`
    -  `samples/*`: Move to production version of Web Chat, and bump to [`react@16.8.6`](https://www.npmjs.com/package/react) and [`react-dom@16.8.6`](https://www.npmjs.com/package/react-dom)
--  `component`: Move to React hooks and functional components, by [@compulim](https://github.com), in PR [#XXX](https://github.com/compulim/BotFramework-WebChat/pull/XXX)
+-  `component`: Move to React hooks and functional components, by [@compulim](https://github.com), in PR [#2308](https://github.com/compulim/BotFramework-WebChat/pull/2308)
 
 ### Fixed
 

packages/component/src/Composer.js

@@ -8,7 +8,7 @@ import {
 import { connect, Provider } from 'react-redux';
 import { css } from 'glamor';
 import PropTypes from 'prop-types';
-import React, { useMemo, useEffect } from 'react';
+import React, { useEffect, useMemo } from 'react';
 
 import {
   clearSuggestedActions,
@@ -259,15 +259,15 @@ const Composer = ({
       webSpeechPonyfill
     }),
     [
-      cardActionContext,
-      focusSendBoxContext,
-      hoistedDispatchers,
       activityRenderer,
       attachmentRenderer,
+      cardActionContext,
       directLine,
       disabled,
+      focusSendBoxContext,
       grammars,
       groupTimestamp,
+      hoistedDispatchers,
       renderMarkdown,
       scrollToEnd,
       sendBoxRef,