TTC
Theo's Typesafe Cult•13mo ago
mosesintech

SVGs in Next

Hey friends. I'm working on a new project and having some issues using SVGs. What is your recommended method for using SVGs in Next? I know there's a lot of answers online, but I'm wondering if there's a specific T3 way of doing this. Thanks! 😄
Solution:
I create react components for them and put into separate folder. 
const SVGLogo = () => <svg>...</svg>;
const SVGLogo = () => <svg>...</svg>;
...
Jump to solution
2 Replies
Solution
Matvey
Matvey•13mo ago
I create react components for them and put into separate folder. 
const SVGLogo = () => <svg>...</svg>;
const SVGLogo = () => <svg>...</svg>;
mosesintech
mosesintech•13mo ago
I like that a lot! Don't know why I never thought of it before, but it solved all the issues I was having. Thanks Ronan!
Want results from more Discord servers?
Add your server
More Posts
Server to server authenticationHi guys, does anyone have experience with server to server authentication in a T3 setup? I find a loType error when using useInfiniteQuery```Argument of type '{ cursor: number; location: string; }' is not assignable to parameter of type 'prisma push data lossI had a table populated with a few records I then updated my prisma.schema to add a new table (and More Clerk + tRPC weirdnessI've seen a few questions recently related to the interaction between Clerk and tRPC, but my issue iFetch request in server action not workingI have a react hook form with 'use client' In my onsubmit I want to do a post request to my other bWhen Is it time to make the component wet and give up on ternaries?https://github.com/diffim/diffinlist https://diffinlist.vercel.app Check out the Section.tsx compoCannot find module 'next/font/google' or its corresponding type declarations.fresh next 13.4 installOutputting zod definitions for use in a different codebaseHi, I would like to take my zod schemas and output them for use in another codebase. UnfortunatelyNPM and NODE errorsI clone a repo from bitbucket, delete the existing package-lock file then run npm install, make somMaking Next.js loves my custom conditional exportsHello 👋, I'm trying to fiddle with the Next.js webpack config to have the resolution follow my cus