Fixing intl console error on Outgoing webhook edit

1 files changed, 5 insertions, 4 deletions

diff --git a/web/react/components/user_settings/manage_outgoing_hooks.jsx b/web/react/components/user_settings/manage_outgoing_hooks.jsx
index 3f88e9f41..44aab486e 100644
--- a/web/react/components/user_settings/manage_outgoing_hooks.jsx
+++ b/web/react/components/user_settings/manage_outgoing_hooks.jsx
@@ -18,6 +18,10 @@ const holders = defineMessages({
     callbackHolder: {
         id: 'user.settings.hooks_out.callbackHolder',
         defaultMessage: 'Each URL must start with http:// or https://'
+    },
+    select: {
+        id: 'user.settings.hooks_out.select',
+        defaultMessage: '--- Select a channel ---'
     }
 });
 
@@ -153,10 +157,7 @@ class ManageOutgoingHooks extends React.Component {
                 key='select-channel'
                 value=''
             >
-                <FormattedMessage
-                    id='user.settings.hooks_out.select'
-                    defaultMessage='--- Select a channel ---'
-                />
+                {this.props.intl.formatMessage(holders.select)}
             </option>
         );