fix: jsx or js to tsx

Author: calpa

dist/index.js.map

@@ -1,3 +1,4 @@
+import React from "react";
 import Blockquote from ".";
 
 export default {

src/components/Blockquote/index.stories.js src/components/Blockquote/index.stories.tsx

@@ -1,3 +1,4 @@
+import React from "react";
 import Button from ".";
 
 export default {

src/components/Button/index.stories.js src/components/Button/index.stories.tsx

@@ -1,3 +1,4 @@
+import React from "react";
 import Card from ".";
 
 export default {

src/components/Card/index.stories.js src/components/Card/index.stories.tsx

@@ -1,3 +1,4 @@
+import React from "react";
 import Date from ".";
 
 export default {

src/components/Date/index.stories.js src/components/Date/index.stories.tsx

@@ -1,3 +1,4 @@
+import React from "react";
 import Footer from ".";
 
 export default {

src/components/Footer/index.stories.js src/components/Footer/index.stories.tsx

@@ -1,3 +1,4 @@
+import React from "react";
 import GithubCorner from ".";
 
 export default {

src/components/GithubCorner/index.stories.jsx src/components/GithubCorner/index.stories.tsx

@@ -12,5 +12,5 @@ export const Default = Template.bind({});
 
 Default.args = {
   backgroundImage: `https://images.unsplash.com/photo-1613487957484-32c977a8bd62?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1400&h=640&q=80`,
-  string: `秋葉原`,
+  name: `秋葉原`,
 };

src/components/MainImage/index.stories.tsx

@@ -1,7 +1,7 @@
 import { Typography } from "@mui/material";
 import { useStyles } from "./makeStyles";
 
-type MainImageProps = {
+export type MainImageProps = {
   backgroundImage: string;
   name: string;
 };