rename: export name modify

src/components/Certificate/certificate.stories.tsx

@@ -2,8 +2,6 @@ import React from "react";
 import Certificate from "./certificate";
 import { MemoryRouter, Route, Routes } from "react-router-dom";
 
-export default {};
-
 const username = "testUser";
 const pathname = `/members/${username}/certificate`;
 
@@ -16,3 +14,5 @@ const Template = () => (
 );
 
 export const Default = Template.bind({});
+
+export default {};

src/components/Certificate/certificate.tsx

@@ -1,7 +1,7 @@
 import { useLocation, useParams } from "react-router-dom";
 import { css } from "../../../styled-system/css";
 
-export default function Certificate() {
+const Certificate = () => {
   const { username } = useParams();
   const { pathname } = useLocation();
 
@@ -28,8 +28,10 @@ export default function Certificate() {
       </main>
     </div>
   );
-}
+};
 
 const invisiblePrint = css({
   "@media print": { display: "none" },
 });
+
+export default Certificate;

src/components/Certificate/index.tsx

@@ -0,0 +1,3 @@
+import Certificate from "./certificate";
+
+export default Certificate;

src/main.tsx

@@ -1,7 +1,7 @@
 import { StrictMode } from "react";
 import { createRoot } from "react-dom/client";
 import { createBrowserRouter, RouterProvider } from "react-router-dom";
-import Certificate from "./components/Certificate/certificate";
+import Certificate from "./components/Certificate";
 import ErrorPage from "./error-page";
 import "./index.css";
 import Leaderboard from "./leaderboard";