<img /> flicker on transition when conditionally rendering separate lists
Wondering if any highly knowledgable react people might be able to help me with this problem- i don't really have any idea for a fix
i have an array of data that i render. this array, however, can be either read-only, or editable, depending on whether it is the user's own page or if it's another user's page
(image 1) option a) is to embed all of the editing logic (mostly just sorting with drag and drop) inside of some sort of List component, and then pass a boolean to the List component which decides to render the editable ui or the read-only ui. this works perfectly fine...
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 */ )
}...
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....
