TTC

Theo's Typesafe Cult

Join the Theo's Typesafe Cult server to ask questions!

Join

TTC

Theo's Typesafe Cult

Join the community to ask questions about Theo's Typesafe Cult and get answers from other members.

Join

Max

12/30/2022

File upload, hide upload dialogue after mutation

As you can see, I'm trying to convert a file into base64, then send it to the backend as a mutation, then after a backend operation on the file, I want to hide the dialogue. Usually here I would use .then , but it appears I cannot here.

aditya

12/30/2022

cannot draw image on canvas

help, the image given by the user cannot be drawn on canvas

Lgy

12/30/2022

nextauth lock account to device

Is it possible to create auth with next auth so user can’t login to any devices other than the one he initially logged in ?

piesell

12/30/2022

t3 + express or migrate to tRPC?

Hi, I have an old project I am starting back up. I implemented it with an express.js backend and a CRA frontend. I am trying to work out what the best way to implement what I need is. The basic functionality is to allow a testing team to monitor the progress of devices that are being updated, to facilitate faster testing. The progress of the updates is stored on a separate server which exposes a REST API. They enter the id of the device they want to monitor, and the backend verifies the id as valid via the API, and schedules it to be monitored. I calculate how frequently the device should be checked for changes based on when it was last active, to prevent overloading the external server. The backend schedules this and will periodically check each device for changes, updating a Cloud Firestore database when required. The frontend pulls the data from the backend which additionally acts as a cache to reduce db reads. ...

The White Fang

12/30/2022

AppRouter being inffered as any

I am trying to setup TRPC for my react native app in a turbo repo. But after importing the AppRouter it is showing as 'any'. I have no clue what I did wrong as I was following the guide from TRPC doc. The react-native app is a bare-rn app. And I am using yarn as my package manager with ``` "installConfig": { "hoistingLimits": "workspaces" },...

codythatsme

12/30/2022

How to add extra user DB fields into context

Hey guys, trying to solve authorisation. I have an isAdmin field added to my user. My idea was I would just create a TRPC middleware similar to protected procedure but check ctx.session.user.isAdmin. Issue is, only name, email, id and image is returned on ctx.session.user: I watched the Theo vid on authorisation, but thought it would be cleaner rather than an extra separate api call to just include it in the context and middleware. How can I achieve this?...

lois

12/30/2022

tutorial hell unhandle runtime error

Can anyone help with this? not sure if it is Prisma model problem or how I require prisma went wrong. here is my error message

``
Unhandled Runtime Error
TRPCClientError: 
Invalid

prisma.like.create()` invocation:...

Liam

12/30/2022

Any Recs For A Multi-File Upload Component With First-class React Support?

I would like to use a already made solution instead of designing my own file uploader. At the moment I am using Uppy (https://www.npmjs.com/package/@uppy/react) however it seems to have React be an afterthought w/ Uppy being a very imperative library. Does anyone have any recommendations for a library to use here? Thanks!...

mosesintech

12/30/2022

Anyone have experience sorting out a ChunkLoadError?

I'm working on a little side project in my free time, mostly to expand my skillset and learn new things. Basically, it's an npm package that you give info about a form you want to make and it'll make it for you. I'm lazy loading the form field components so that I only load them when they're needed. All works fine in development, but when I'm using it with real data in production I get this error: Loading chunk 216 failed. (error: http://localhost:8000/216.index.js) I don't have a lot of experience with webpack, so I'm guessing it's a config issue but I'm not sure where exactly to look. 216.index.js does exist in dist so I'm not sure why it 404s....

codefork

12/30/2022

Await tRPC Mutation response

Can you await a trpc mutation response? For instance onClick fire a async function handler and await the trpc.user.create.mutation()...

codefork

12/29/2022

Pusher | More connections than expected

The pusher dashboard says I have 400 connections with only 2 instances of the app open! I must be doing something wrong... looking for help 🙂

Max

12/29/2022

React telling me an error is unhandled incorrectly??

how am i not handling the error? Also, how do i get the e variable to have the correct type?

'tonyyprints'

12/29/2022

Quick question on concept

does the implementation of TRPC replace getStaticProps in nextjs. getStaticProps. I just havn't seen getStaticProps anywhere in the example T3 stack project. "Essentially, getStaticProps allows you to tell Next.js: “Hey, this page has some data dependencies — so when you pre-render this page at build time, make sure to resolve them first!”"....

Rhys

12/29/2022

Storing Account Usename With Next Auth

I'm looking to store the username of an account when they sign in i.e ```typescript model Account { ......

Gabool

12/29/2022

Database Design for API

How would you guys go about designing a table/api for something like a form builder for a specific purpose. For example I want the users to be able to add inputs etc, and right now I just save these as json in a json column for each form type created by a user, however when it comes to types, this isn't so convenient. So I was thinking of possibly just making the form inputs to be stored as a list of json, where each input would have { name:"", Value:"", Type:"", Validation:"" } and then just parsing the json array into a form and to store it's values. Almost like EAV style, but per a row since we have json columns now...

brr

12/29/2022

prisma folder and db nowhere to be found in docker container

I am using the dockerfile from the t3 docs, everything builds fine, but I can't seem to find the prisma folder which should have the schema and the .sqlite db Start of docker file ``` ##### DEPENDENCIES...

Lukem121

12/29/2022

Is it possible to send a progress status with tRPC?

I have some tRPC mutations that take a while 20s+ and would like to give the user an idea of how far along it is. is there a way I get send back some data to the client to show the progress?...

WOLG

12/29/2022

Protecting static site data

Hey I was wondering if It's possible to protect a hard coded react / html site. If the site source code can be read / modified by users. What Is the purpose of making login forms with email / pass if it can be bypassed easily (by people that know smth about web)? Is there any way to not let users see a hard coded site?

Mocha

12/29/2022

tRPC + WebSocket Client

I have a WebSocket between my backend and an external server. I'm trying to get to this:

WebSocket Server → Next.js backend → users

WebSocket Server → Next.js backend → users

I have gone through tRPC's documentation on subscriptions (https://trpc.io/docs/subscriptions) and a few examples, but none seemed to work the way I need it....

apc98

12/28/2022

tRPC + React Native (Expo)?

I've been doing some research on tRPC in the last couple of days and I really like the technology. The question I have is, what if you have a Next.js project and a React Native (Expo) app sharing the same backend? (considering that the backend would live inside the Next.js project). Should I use tRPC, or in this specific case it would be better to use something like Rest so it's easier to spread the backend to different clients?

Previous Next

Gaming

Programming

Theo's Typesafe Cult

Join the Theo's Typesafe Cult server to ask questions!

Theo's Typesafe Cult

Join the community to ask questions about Theo's Typesafe Cult and get answers from other members.