Syntax Error when load on Firefox Browser v.77.0.1 (64-bit)

Hello i have some problem on Firefox browser, my code runs fine in all browsers except Firefox which is

InvalidIdentity in Regular Expression, you can look at this image

On console

My code

//[slug].tsx

import React, { useEffect } from "react";
import { GetStaticPaths, GetStaticProps, InferGetStaticPropsType } from "next";
import { serialize } from "next-mdx-remote/serialize";
import { MDXRemote, MDXRemoteSerializeResult } from "next-mdx-remote";
import { Container } from "@styles/global.styles";
import fs from "fs";
import path from "path";
import matter from "gray-matter";
import BlogHeader from "@components/BlogHeader";
import BlogWrapper from "@components/BlogWrapper";
import hljs from "highlight.js";
import "highlight.js/styles/tomorrow-night-bright.css";

type Params = {
  [param: string]: any;
};

type ArticleProps = {
  source: MDXRemoteSerializeResult<Record<string, unknown>>;
};

export default function Article({
  source,
}: ArticleProps): InferGetStaticPropsType<typeof getStaticProps> {
  const {
    scope: { dateString, mainImageUrl, title, excerpt, longtimeRead, altImage },
  } = source;

  useEffect(() => {
    hljs.highlightAll();
  }, []);

  return (
    <Container>
      <BlogHeader
        altImage={altImage}
        longtimeRead={longtimeRead}
        excerpt={excerpt}
        title={title}
        dateString={dateString}
        mainImageUrl={mainImageUrl}
      />
      <BlogWrapper>
        <MDXRemote {...source} />
      </BlogWrapper>
    </Container>
  );
}

export const getStaticPaths: GetStaticPaths = async () => {
  const articleDirectory = path.join("__articles");
  const articleFiles = fs.readdirSync(articleDirectory);
  const paths = articleFiles.map((fileName: string) => ({
    params: {
      slug: fileName.replace(".mdx", ""),
    },
  }));

  return {
    paths,
    fallback: false,
  };
};

export const getStaticProps: GetStaticProps<Params> = async ({
  params: { slug },
}: Params) => {
  const articleFile = fs.readFileSync(path.join("__articles", slug + ".mdx"));
  const { data: metaData, content } = matter(articleFile);
  const mdxSource = await serialize(content, { scope: metaData });

  return { props: { source: mdxSource } };
};

If i’m comment all from module highlight.js its running. Any solutions?

[joshgoebel]

Closing as a dup of https://github.com/highlightjs/highlight.js/issues/3387. This is a #wontfix. Firefox 77/78 is over 1.5 years (18 releases!) old now and no longer supported by Highlight.js. You can read the other issue for more context.

[joshgoebel]

We also can’t suggest users run newer browsers.

While it may be impossible to guarantee I certainly don’t see why it couldn’t be at least suggested. A browser that is 18 releases behind on critical bugfixes and security updates is not a good thing in the world.