     statusCode: React.PropTypes.number.isRequired
     message: React.PropTypes.string.isRequired
     request: React.PropTypes.object.isRequired
-    supportLink: React.PropTypes.string
+    supportLinkBase: React.PropTypes.string
     debug: React.PropTypes.bool
 
   getDefaultProps: ->
-    supportLink: "#{CurrentUserStore.getHelpLink()}&cu=1&fs=ContactUs&q=begin"
+    supportLinkBase: CurrentUserStore.getHelpLink()
     debug: true
 
   render: ->
-    {statusCode, message, request, supportLink, debug} = @props
+    {statusCode, message, request, supportLinkBase, debug} = @props
+    message ?= 'No response was received'
+
+    q = makeContactMessage(statusCode, message, request)
+
     dataMessage =  <span>
       with <pre>{request.data}</pre>
     </span> if request.data?
 
     debugInfo = [
       <p key='error-note'>Additional error messages returned from the server is:</p>
-      <pre key='error-response' className='response'>{message or 'No response was received'}</pre>
+      <pre key='error-response' className='response'>{message}</pre>
       <div key='error-request' className='request'>
         <kbd>{request.method}</kbd> on {request.url} {dataMessage}
       </div>

    onCancel: hideDialog

  default: (error, message, router) ->
    if router? and not error.supportLink?
      {courseId} = router.getCurrentParams()
      error.supportLink = "#{CurrentUserStore.getHelpLink(courseId)}&cu=1&fs=ContactUs&q=begin"
    dialog:
      title: 'Server Error'
      body: <ServerErrorMessage {...error}/>

      <div className='server-error'>
        <h3>An error with code {statusCode} has occured</h3>
        <p>Please visit <a target='_blank'
          href={makeContactURL(supportLinkBase, statusCode, message, request)}
        >our support page</a> to file a bug report.
        </p>
        {debugInfo}
      </div>
