improve bundle performance

src/containers/Home/index.tsx

@@ -11,7 +11,7 @@ import {
 } from "react-icons/hi";
 import { IoHeart } from "react-icons/io5";
 import { SiVisualstudiocode } from "react-icons/si";
-import vscDarkPlus from "react-syntax-highlighter/dist/cjs/styles/prism/vsc-dark-plus";
+import vscDarkPlus from "react-syntax-highlighter/dist/esm/styles/prism/vsc-dark-plus";
 import { CarbonAds } from "src/components/CarbonAds";
 import { Footer } from "src/components/Footer";
 import { Producthunt } from "src/components/Producthunt";

src/containers/Modals/NodeModal/index.tsx

@@ -2,8 +2,8 @@ import React from "react";
 import dynamic from "next/dynamic";
 import toast from "react-hot-toast";
 import { FiCopy } from "react-icons/fi";
-import vs from "react-syntax-highlighter/dist/cjs/styles/prism/vs";
-import vscDarkPlus from "react-syntax-highlighter/dist/cjs/styles/prism/vsc-dark-plus";
+import vs from "react-syntax-highlighter/dist/esm/styles/prism/vs";
+import vscDarkPlus from "react-syntax-highlighter/dist/esm/styles/prism/vsc-dark-plus";
 import { Button } from "src/components/Button";
 import { Modal } from "src/components/Modal";
 import useStored from "src/store/useStored";

src/pages/docs.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import dynamic from "next/dynamic";
 import Head from "next/head";
-import { materialDark } from "react-syntax-highlighter/dist/cjs/styles/prism";
+import materialDark from "react-syntax-highlighter/dist/esm/styles/prism/material-dark";
 import { Button } from "src/components/Button";
 import { Footer } from "src/components/Footer";
 import styled from "styled-components";

src/store/useGraph.tsx

@@ -1,5 +1,5 @@
 import { ReactZoomPanPinchRef } from "react-zoom-pan-pinch";
-import { CanvasDirection } from "reaflow";
+import { CanvasDirection } from "reaflow/dist/layout/elkLayout";
 import { Graph } from "src/components/Graph";
 import { parser } from "src/utils/core/jsonParser";
 import { getChildrenEdges } from "src/utils/getChildrenEdges";