From 28d22ebcd87fb32296ddbf6e39affc70bf1e3450 Mon Sep 17 00:00:00 2001
From: Caleb Denio <cjdenio44@gmail.com>
Date: Thu, 13 Jan 2022 22:19:02 -0500
Subject: [PATCH] Fix StaticMention component name (#297)

---
 components/mention.js            | 58 +++++++++++++++++---------------
 pages/content/sunsetting-som.mdx |  2 +-
 2 files changed, 31 insertions(+), 29 deletions(-)

diff --git a/components/mention.js b/components/mention.js
index 321a2b19..658e95dd 100644
--- a/components/mention.js
+++ b/components/mention.js
@@ -1,32 +1,34 @@
 import Link from 'next/link'
 import { memo } from 'react'
 
-export const StaticMention = memo(({ avatar, username, link }) => (
-  <Link href={link}>
-    <a
-      className={`mention`}
-      style={{
-        display: 'inline-flex',
-        alignItems: 'baseline',
-        textDecoration: 'none'
-      }}
-    >
-      {avatar && (
-        <img
-          src={avatar}
-          alt={username}
-          width={24}
-          className="mention-avatar"
-          style={{
-            borderRadius: '50%',
-            marginRight: '4px',
-            alignSelf: 'flex-end'
-          }}
-        />
-      )}
-      @{username}
-    </a>
-  </Link>
-))
+const StaticMention = memo(function StaticMention({ avatar, username, link }) {
+  return (
+    <Link href={link}>
+      <a
+        className={`mention`}
+        style={{
+          display: 'inline-flex',
+          alignItems: 'baseline',
+          textDecoration: 'none'
+        }}
+      >
+        {avatar && (
+          <img
+            src={avatar}
+            alt={username}
+            width={24}
+            className="mention-avatar"
+            style={{
+              borderRadius: '50%',
+              marginRight: '4px',
+              alignSelf: 'flex-end'
+            }}
+          />
+        )}
+        @{username}
+      </a>
+    </Link>
+  )
+})
 
-StaticMention.displayName = 'StaticMention';
+export default StaticMention
diff --git a/pages/content/sunsetting-som.mdx b/pages/content/sunsetting-som.mdx
index b249f52b..cd0b91ab 100644
--- a/pages/content/sunsetting-som.mdx
+++ b/pages/content/sunsetting-som.mdx
@@ -1,7 +1,7 @@
 import Letterhead from '../../components/letterhead'
 import Link from 'next/link'
 import { memo, useState, useEffect } from 'react'
-import { StaticMention } from '../../components/mention'
+import StaticMention from '../../components/mention'
 
 <Letterhead
 title="The Sun Sets on the Summer of Making"