我有一个语法错误，以前不是问题？这在安装 react-router-dom 后发生了一点

问：

我在下面发布了有问题的代码：

import React from 'react';
import {FaGithub, FaLinkedin, FaCodepen} from 'react-icons/fa';
import {HiOutlineMailOpen} from 'react-icons/hi';
import {BsFillPersonLinesFill} from 'react-icons/bs';



const SocialLinks = () => {

    const links = [
        {
            id:1,
            child: (
                <>
                GitHub <FaGithub size={30}/>
                </>
            ),
            href: '(blank for purpose of posting here)',
            style: 'rounded-tr-md'
        },

        {
            id:2,
            child: (
                <>
                Codepen <FaCodepen size={30}/>
                </>
            ),
            href: '(blank for purpose of posting here)',
        },

这是代码中错误的图像：

这在以前是不确定的。请帮我解决这个问题。