All input is undefined

N

Nick•2/19/23, 6:33 PM

Looks like it’s working as intended?

N

Nick•2/19/23, 6:33 PM

Oh wait I see it

N

Nick•2/19/23, 6:34 PM

Yes that’s really weird

N

Nick•2/19/23, 6:35 PM

Can you share the bit of code which actually makes the call? Looks like that's the only thing missing in the screenshots

N

Nick•2/19/23, 6:36 PM

nah you did good, most people give us far less to start

N

Nick•2/19/23, 6:36 PM

What happens if you comment out the input validation on the procedure and print the received input out?

N

Nick•2/19/23, 6:38 PM

Oh that's a good point

N

Nick•2/19/23, 6:38 PM

Honestly looks okay though, looks like you set it on both client and api

N

Nick•2/19/23, 6:39 PM

My instinct is the express bit isn't set up right, but I have no experience with that middleware personally

N

Nick•2/19/23, 6:39 PM

If you just switch to the standalone http one, does that work? Cors is a bit of pain though, let me grab you a snippet

N

Nick•2/19/23, 6:40 PM

This handles cors for local, should be easy to adapt for you:

import { createHTTPHandler } from '@trpc/server/adapters/standalone'
import { createServer } from 'http'

import { appRouter } from './appRouter'

const handler = createHTTPHandler({
  router: appRouter,
  batching: {
    enabled: false,
  },
  onError: (err) => {
    console.error(
      'ERRORSTART:',
      err.path,
      JSON.stringify(err.error.cause, null, 2)
    )
  },
})

const server = createServer((req, res) => {
  res.setHeader('Access-Control-Allow-Origin', '*')
  res.setHeader('Access-Control-Request-Method', '*')
  res.setHeader('Access-Control-Allow-Methods', '*')
  res.setHeader('Access-Control-Allow-Headers', '*')
  if (req.method === 'OPTIONS') {
    res.writeHead(200)
    return res.end()
  }
  handler(req, res)
})

server.listen(3333)

import { createHTTPHandler } from '@trpc/server/adapters/standalone'
import { createServer } from 'http'

import { appRouter } from './appRouter'

const handler = createHTTPHandler({
  router: appRouter,
  batching: {
    enabled: false,
  },
  onError: (err) => {
    console.error(
      'ERRORSTART:',
      err.path,
      JSON.stringify(err.error.cause, null, 2)
    )
  },
})

const server = createServer((req, res) => {
  res.setHeader('Access-Control-Allow-Origin', '*')
  res.setHeader('Access-Control-Request-Method', '*')
  res.setHeader('Access-Control-Allow-Methods', '*')
  res.setHeader('Access-Control-Allow-Headers', '*')
  if (req.method === 'OPTIONS') {
    res.writeHead(200)
    return res.end()
  }
  handler(req, res)
})

server.listen(3333)

import { createHTTPHandler } from '@trpc/server/adapters/standalone'
import { createServer } from 'http'

import { appRouter } from './appRouter'

const handler = createHTTPHandler({
  router: appRouter,
  batching: {
    enabled: false,
  },
  onError: (err) => {
    console.error(
      'ERRORSTART:',
      err.path,
      JSON.stringify(err.error.cause, null, 2)
    )
  },
})

const server = createServer((req, res) => {
  res.setHeader('Access-Control-Allow-Origin', '*')
  res.setHeader('Access-Control-Request-Method', '*')
  res.setHeader('Access-Control-Allow-Methods', '*')
  res.setHeader('Access-Control-Allow-Headers', '*')
  if (req.method === 'OPTIONS') {
    res.writeHead(200)
    return res.end()
  }
  handler(req, res)
})

server.listen(3333)

import { createHTTPHandler } from '@trpc/server/adapters/standalone'
import { createServer } from 'http'

import { appRouter } from './appRouter'

const handler = createHTTPHandler({
  router: appRouter,
  batching: {
    enabled: false,
  },
  onError: (err) => {
    console.error(
      'ERRORSTART:',
      err.path,
      JSON.stringify(err.error.cause, null, 2)
    )
  },
})

const server = createServer((req, res) => {
  res.setHeader('Access-Control-Allow-Origin', '*')
  res.setHeader('Access-Control-Request-Method', '*')
  res.setHeader('Access-Control-Allow-Methods', '*')
  res.setHeader('Access-Control-Allow-Headers', '*')
  if (req.method === 'OPTIONS') {
    res.writeHead(200)
    return res.end()
  }
  handler(req, res)
})

server.listen(3333)

N

Nick•2/19/23, 6:41 PM

Hope that saves you a bit of pain, cors isn't as obvious as with express

N

Nick•2/19/23, 7:25 PM

I"m honestly baffled

N

Nick•2/19/23, 7:25 PM

At least that rules out express though

N

Nick•2/19/23, 7:39 PM

I would try putting logs at various steps to see at what point the data disappears. Express middleware, tRPC middleware, etc

N

Nick•2/19/23, 7:39 PM

Oh nice, what was up?

N

Nick•2/19/23, 7:40 PM

riiight

N

Nick•2/19/23, 7:40 PM

If tRPC isn't working out the box with bun then I'd open a github issue with your findings, see if you can get it documented

N

Nick•2/19/23, 7:41 PM

It should at least put something in the console for you