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