You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Hi I have the following issue: Unhandled Runtime Error
The element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.
Bit version:
Node version: next js last version
yarn version:
Platform:
Bit compiler (include version):
Bit tester (include version):
import styles from "./styles.module.scss";
import { menuArray } from "../../../data/home";
import Link from "next/link";
//-------
import {
GiLargeDress,
GiClothes,
Gi3DHammer,
GiWatch,
GiBallerinaShoes,
GiHeadphones,
GiHealthCapsule,
GiSportMedal,
GiBigDiamondRing,
} from "react-icons/gi";
import { MdOutlineSportsEsports, MdOutlineSmartToy } from "react-icons/md";
import { BiCameraMovie, BiGift, BiCategory } from "react-icons/bi";
import { FaBaby } from "react-icons/fa";
import { HiOutlineHome } from "react-icons/hi";
import { AiOutlineSecurityScan } from "react-icons/ai";
import { BsPhoneVibrate } from "react-icons/bs";
//-------
export default function Menu() {
return (
Categories
{menuArray.map((item, i) => (
{i == 0 ? (
) : i == 1 ? (
) : i == 2 ? (
) : i == 3 ? (
) : i == 4 ? (
) : i == 5 ? (
) : i == 6 ? (
) : i == 7 ? (
) : i == 8 ? (
) : i == 9 ? (
) : i == 10 ? (
) : i == 11 ? (
) : i == 12 ? (
) : i == 13 ? (
) : i == 14 ? (
) : i == 15 ? (
) : i == 16 ? (
) : (
""
)} {item.name}
))}
);
}
The text was updated successfully, but these errors were encountered:
Description
Hi I have the following issue: Unhandled Runtime Error
The element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.
import styles from "./styles.module.scss";
import { menuArray } from "../../../data/home";
import Link from "next/link";
//-------
import {
GiLargeDress,
GiClothes,
Gi3DHammer,
GiWatch,
GiBallerinaShoes,
GiHeadphones,
GiHealthCapsule,
GiSportMedal,
GiBigDiamondRing,
} from "react-icons/gi";
import { MdOutlineSportsEsports, MdOutlineSmartToy } from "react-icons/md";
import { BiCameraMovie, BiGift, BiCategory } from "react-icons/bi";
import { FaBaby } from "react-icons/fa";
import { HiOutlineHome } from "react-icons/hi";
import { AiOutlineSecurityScan } from "react-icons/ai";
import { BsPhoneVibrate } from "react-icons/bs";
//-------
export default function Menu() {
return (
Categories
{menuArray.map((item, i) => (
{i == 0 ? (
) : i == 1 ? (
) : i == 2 ? (
) : i == 3 ? (
) : i == 4 ? (
) : i == 5 ? (
) : i == 6 ? (
) : i == 7 ? (
) : i == 8 ? (
) : i == 9 ? (
) : i == 10 ? (
) : i == 11 ? (
) : i == 12 ? (
) : i == 13 ? (
) : i == 14 ? (
) : i == 15 ? (
) : i == 16 ? (
) : (
""
)}
{item.name}
))}
);
}
The text was updated successfully, but these errors were encountered: