Added linkifyOptions to ErrorPanel

src/Component/Message.tsx

@@ -86,7 +86,7 @@ class ConsoleMessage extends React.Component<MessageProps, any> {
       log.data.every((message) => typeof message === 'string') &&
       log.method === 'error'
     ) {
-      return <ErrorPanel error={log.data.join(' ')} />
+      return <ErrorPanel linkifyOptions={this.props.linkifyOptions} error={log.data.join(' ')} />
     }
 
     // Normal inspector

src/Component/message-parsers/Error.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react'
 import Linkify from 'linkifyjs/react'
+import type { Options } from 'linkifyjs'
 
 function splitMessage(message: string): string {
   const breakIndex = message.indexOf('\n')
@@ -10,7 +11,13 @@ function splitMessage(message: string): string {
   return message.substr(0, breakIndex)
 }
 
-function ErrorPanel({ error }: { error: string }) {
+function ErrorPanel({
+  error,
+  linkifyOptions,
+}: {
+  error: string
+  linkifyOptions?: Options
+}) {
   /* This checks for error logTypes and shortens the message in the console by wrapping
   it a <details /> tag and putting the first line in a <summary /> tag and the other lines
   follow after that. This creates a nice collapsible error message */
@@ -30,7 +37,7 @@ function ErrorPanel({ error }: { error: string }) {
       <summary style={{ outline: 'none', cursor: 'pointer' }}>
         {firstLine}
       </summary>
-      <Linkify>{otherErrorLines.join('\n\r')}</Linkify>
+      <Linkify options={linkifyOptions}>{otherErrorLines.join('\n\r')}</Linkify>
     </details>
   )
 }