ballistic-builder/app/Fragments/Armory/index.tsx

import { sectionLinks } from "@/app/lib/linkList/sectionLinks";
import Link from "next/link";
import armoryLinks from "@/app/lib/linkList/sectionLinks";

let linksArray = [
    sectionLinks.UPPERS,
    sectionLinks.LOWERS,
    sectionLinks.BARRELS,
    sectionLinks.OPTICS,
    sectionLinks.ACCESSORIES,  
];
export const Armory = (props) => {
    return (
        <div>
            {armoryLinks.length}
            <h4>{props.titleText}</h4>
            <ul>
                {linksArray.map((link, index) => (
                    <li key={index}>
                        <Link href={link.URL}>
                            <a>{link.TEXT}</a>   
                        </Link>
                    </li>
                ))}
            </ul>
        </div>
    )
}
export default Armory;