I do not understand the problem, would you mind explaining what is your issue with details?

Or share error logs if you have any.

export interface GetPeeData {
user: BasicUser;
camp: BasicCamp;
campMemberCard: InterCampMemberCard;
baan: BasicBaan;
normal: ShowPlace | null;
boy: ShowPlace | null;
girl: ShowPlace | null;
peeBaans: ShowMember[];
nongBaans: ShowMember[];
meals: GetMeals[];
healthIssue: HeathIssueBody;
displayOffset: UpdateTimeOffsetRaw;
selectOffset: UpdateTimeOffsetRaw;
partPlace: ShowPlace | null;
part: BasicPart;
petoParts: ShowMember[];
peeParts: ShowMember[];
imageAndDescriptions: ShowImageAndDescriptions[];
baanJobs: GetJob[];
partJobs: GetJob[];
mirrorData: GetMirrorPack;
defaultGroup: GetGroupContainer | null;
groups: GetGroupContainer[];
//private
}

case "pee": {
const data = await getPeeCampData(campState.camp._id, token);
const peeBaans = data.peeBaans;
console.log(peeBaans);
return (
<PeeCampClient
data={data}
token={token}
allPlaceData={allPlaceData}
/>
);
}

if peeBaans emthy recieve emthy else concat with nongBaans it not correct

I’m unable to help since I don’t really get what the problem is, you sent the same screenshots of code.

Please give more context on the unwanted behavior you’re getting, explain what result you’re currently getting and what result you’re expecting to achieve.

console.log(data.peeBaans) at case”pee” is correct but in PeeCampClient console.log(data.peeBaans) is incorrect if data.peeBaan is not empty

Beacuse you have case that data.peeBaans is empty, I think it's bettere to write below:

const peeBaans = data.peeBaans ? data.peeBaans : [] or

const peeBaans = data.peeBaans ? data.peeBaans : {}

last two is correct but first is incorrect

sorry my false in one component have function have merge two array incorrectly

You solved it?

yes

this is in anther component