loading and error fails to work

[t9fiction]

The folloing
error.tsx and loading.tsx fails and gives the following error

Unhandled Runtime Error
1 of 1
Error: Functions cannot be passed directly to Client Components because they're not serializable.
<... parallelRouterKey=... segmentPath=... error={function} errorStyles=... loading=... loadingStyles=... hasLoading=... template=... templateStyles=... notFound=... notFoundStyles=... childProp=... rootLayoutIncluded=...>
^^^^^^^^^^

[t9fiction]

Just found out the solution.

"use client";

check this out