**Title: Resolving Next.js Error When Passing Data from Server to Client Components**

const getCompanyQuote = (symbol: string) =>
    pipe(
      HttpClientRequest.get(`${basePath}/quote?symbol=${symbol}&token=${process.env.FINNHUB_API_KEY}`),
      HttpClient.fetch,
      Effect.retry({ times: 3 }),
      CompanyQuote.decodeResponse
    )

export class CompanyQuote extends Schema.Class<CompanyQuote>("CompanyQuote")({
  c: Schema.Number,
  d: Schema.Number,
  dp: Schema.Number,
  h: Schema.Number,
  l: Schema.Number,
  o: Schema.Number,
  pc: Schema.Number,
  t: Schema.Number,
}) {
  static decodeResponse = HttpClientResponse.schemaBodyJsonScoped(CompanyQuote)
}

const Company = async ({ params }: { params: { symbol: string } }) => {
  const symbol = params.symbol.toUpperCase()

  const companyQuote = await getCompanyQuote(symbol)

  return <CompanyPage companyQuote={companyQuote} />
}

export default Company

Error: Only plain objects, and a few built-ins, can be passed to Client Components from Server Components. Classes or null prototypes are not supported.