How to Sort Imports in TypeScript Automatically in VS Code https://medium.com/p/f4fe4e499bb1

TypeScript imports -- after -- sorted.tsx.jsx

import { MDXRemote } from "next-mdx-remote"
import ImageFixed from "next/image"
import { Fragment } from "react"

import Image from "@/components/CustomImage"
import HeadingsH2 from "@/components/HeadingsH2"
import HoverBullet from "@/components/HoverBullet"
import MDXComponents from "@/components/MDXComponents"
import { PageSeo } from "@/components/SEO"
import TitleJSXWithOptionalHighlighting from "@/components/TitleJSXWithOptionalHighlighting"
import { BUTTON, DIVIDER } from "@/components/UTILS"
import siteMetadata from "@/data/siteMetadata.json"