Cleanup loadable components

Author: chicio

README.md

@@ -77,7 +77,6 @@ My website has been created for Github Pages using:
         * [gatsby-remark-prismjs](https://www.gatsbyjs.com/plugins/gatsby-remark-prismjs/)
     * [gatsby-plugin-feed](https://www.gatsbyjs.com/plugins/gatsby-plugin-feed/)
     * [gatsby-plugin-catch-links](https://www.gatsbyjs.com/plugins/gatsby-plugin-catch-links/)
-    * [gatsby-plugin-loadable-components-ssr](https://www.gatsbyjs.com/plugins/gatsby-plugin-loadable-components-ssr/)
 * [Styled components](https://styled-components.com)
 * [TypeScript](https://www.typescriptlang.org) 
 * [Jest](https://github.com/facebook/jest) + [React Testing Library](https://github.com/testing-library/react-testing-library)

gatsby-config.ts

@@ -215,7 +215,6 @@ const config: GatsbyConfig = {
     },
     `gatsby-plugin-catch-links`,
     `gatsby-plugin-styled-components`,
-    `gatsby-plugin-loadable-components-ssr`,
     {
       resolve: `gatsby-plugin-lunr`,
       options: {

package-lock.json

@@ -43,12 +43,10 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@loadable/component": "^5.16.4",
     "@styled-icons/boxicons-logos": "^10.47.0",
     "@styled-icons/boxicons-regular": "^10.47.0",
     "@styled-icons/fa-solid": "^10.47.0",
     "@styled-icons/styled-icon": "^10.7.1",
-    "@types/loadable__component": "^5.13.9",
     "@types/lunr": "^2.3.7",
     "@types/react-adaptive-hooks": "0.0.3",
     "@types/react-transition-group": "^4.4.12",
@@ -60,7 +58,6 @@
     "gatsby-plugin-feed": "^5.14.0",
     "gatsby-plugin-google-gtag": "^5.14.0",
     "gatsby-plugin-image": "^3.14.0",
-    "gatsby-plugin-loadable-components-ssr": "^4.3.2",
     "gatsby-plugin-lunr": "^1.5.2",
     "gatsby-plugin-manifest": "^5.14.0",
     "gatsby-plugin-offline": "^6.14.0",

package.json

@@ -23,5 +23,3 @@ export const Comments: FC<CommentsProps> = ({ url, title }) => (
     />
   </CommentsContainer>
 );
-
-export default Comments;

src/components/design-system/molecules/comments.tsx

@@ -7,9 +7,9 @@ import { PostMeta } from "./post-meta";
 import { Heading5 } from "../atoms/heading5";
 import { StandardInternalLinkWithTracking } from "../../tracking/standard-internal-link-with-tracking";
 import { mediaQuery } from "../utils-css/media-query";
-import PostTags from "./post-tags";
 import { gatsbyImagePlaceholderSelector } from "../utils-css/gatsby-image-selector";
 import { FC } from "react";
+import { PostTags } from "./post-tags";
 
 interface BigCardProps {
   big: boolean;

src/components/design-system/molecules/post-card.tsx

@@ -31,5 +31,3 @@ export const PostTags: FC<PostTagsProps> = ({
     ))}
   </PostTagsContainer>
 );
-
-export default PostTags;

src/components/design-system/molecules/post-tags.tsx

@@ -151,5 +151,3 @@ export const Footer: FC<FooterProps> = ({ author, trackingCategory }) => (
     </FooterAuthorDescription>
   </FooterContainer>
 );
-
-export default Footer;

src/components/design-system/organism/footer.tsx

@@ -73,5 +73,3 @@ export const RecentPosts: FC<RecentPostsProps> = ({ currentSlug }) => {
     </ReadNextContainer>
   );
 };
-
-export default RecentPosts;

src/components/design-system/organism/read-next.tsx

@@ -4,13 +4,11 @@ import { CurrentLocation } from "../../../logic/current-location";
 import { BlogThemePage } from "./blog-theme-page";
 import { Head } from "../../head";
 import { BlogMenu } from "../organism/blog-menu";
-import loadable from "@loadable/component";
 import styled from "styled-components";
 import { Container } from "../atoms/container";
 import { blogPrimaryColor } from "../themes/blog-colors";
 import { FC, ReactNode } from "react";
-
-const Footer = loadable(() => import(`../organism/footer`));
+import { Footer } from "../organism/footer";
 
 const ContentContainer = styled(Container)`
   margin-top: ${(props) => props.theme.spacing[12]};