Factory.js

function Factory(item) {
  switch (item.type) {
    case 'username':
      return <Username item={item} />;
    case 'password':
      return <Password item={item} />;
    case 'birthday':
      return <Birthday item={item} />;
    case 'gender':
      return <Gender item={item} />;
    case 'firstName':
      return <FirstName item={item} />;
    case 'lastName':
      return <LastName item={item} />;
    case 'email':
      return <Email item={item} />;
    case 'country':
      return <Country item={item} />;
    case 'city':
      return <City item={item} />;
    case 'avatar':
      return <Avatar item={item} />;
    case 'coverImage':
      return <CoverImage item={item} />;
    case 'about':
      return <About item={item} />;
    case 'phone':
      return <Phone item={item} />;
    case 'website':
      return <Website item={item} />;
    case 'favoriteColor':
      return <FavoriteColor item={item} />;
    case 'company':
      return <Company item={item} />;
    case 'facebook':
      return <Facebook item={item} />;
    case 'twitter':
      return <Twitter item={item} />;
    case 'snapchat':
      return <Snapchat item={item} />;
    case 'tiktok':
      return <TikTok item={item} />;
    case 'instagram':
      return <Instagram item={item} />;
    case 'Linkedin':
      return <Linkedin item={item} />;
    default:
      return null;
  }
}