Protected Procedure Not working even when logged in (on server side)
I have a tRPC procedure using protectedProcedure, but it's throwing an error when I'm calling it using apiServer[pic 1] and being clearly logged in.
tRPC example file structure question
Hi I'm reading tRPC docs for nextjs and they have a different file structure on their example. Would
layout.tsx be the equivalent of pages/_app.tsx or page.tsx? I'm not sure as my page.tsx has the code below and it looks nothing like the example
```tsx
export default async function Home() {
return ( /* components */ )
}...Solution:
Yes, it should go in your root layout. Look at Create T3 App for an example.
get url after uploading in client side
so i have this form and my logic right here is to upload the file, then to get the url, so i can make a POST request to the server side and otherwise to mongoDB, but the thing is when i upload the image to from my client side, how can i make the way that i get my url in client side, so i can make an api request?.
Yes im a noob....
Solution:
🫡
Is there a reason i cannot use "use server" inside buttons anymore like the example shows.
× It is not allowed to define inline "use server" annotated Server Actions in Client Components.
│ To use Server Actions in a Client Component, you can either export them from a separate file with "use server" at the top, or pass them down through props from a Server Component....
Vertical scroll on element with dynamic height
I am using tailwind with reactJS. I am trying to create an element which fills the remaining space within its parent vertically, this element will then have children which should be able to overflow - in which case the parent should be scrollable.
Currently I am having trouble ensuring that the parent fills the remaining space - I am using a primarily a combination of
flex flex-col flex-grow to make the components fill as much of the vertical space as I would like. However - right now I find that if I set the 'scrollable parent' element to flex-grow - it will initially fill the desired amount of vertical space - however, when its children come to the point where they overflow it vertically (at which point i wish to scroll) the size of the parent container simply extends to accomodate its children.
How is it that people typically go about achieving this type of effect, e.g fill the rest of the remaining vertical height and make that section scrollable....