All Questions
Tagged with typescript next.js
4,850
questions
0
votes
1
answer
14
views
How to make React-Email & Resend work with Firebase Cloud Functions
I have a Nextjs app that utilizes both React-Email, Resend & Firebase Cloud Functions. The directory structure looks like this:
I want to send an email to a user whenever a doc is created in &...
1
vote
1
answer
16
views
useQueries loses the ability to query data in parallel because Next.js requires server component to be async
The app is running by Next.js.
I have a useQueries hook:
const userQueries = useQueries({
queries: user.contacts.map((contactId: string) => ({
queryKey: ['contact', ...
0
votes
1
answer
18
views
GET request in loop
I have a Nextjs and ts application, which makes a request that calls a webhook from an integration that returns a Google sheet in a json array, I noticed that it is requesting from my integration ...
0
votes
1
answer
25
views
Next.js: Passing Props through component with a <form>
I am learning Nextjs and i need to pass a variable through a form component, and then further through its server action component. (i think this is called prop drilling and i dont know if theres a ...
2
votes
1
answer
75
views
How to set background color to transparent with Phaser 3
Trouble
I added two Text objects to a scene.
But for the latter one, I couldn't set background color to transparent.
Can anyone help me?
Here is the screenshot.
What I tried
I want the Text objects ...
1
vote
1
answer
21
views
Managing Gorilla WebSocket Connections in a Real-Time Application
I'm currently working on a real-time application where I utilize Gorilla WebSocket in conjunction with Next.js. One of the challenges I'm facing is that when a user refreshes the page, a new WebSocket ...
1
vote
1
answer
18
views
Nextjs, Typescript: Property 'menu1' does not exist on type 'string | AbstractIntlMessages'. Property 'menu1' does not exist on type 'string'
I use Nextjs, typescript and next-intl.
in my layout.tsx i have following code:
import {NextIntlClientProvider} from 'next-intl';
import {getMessages} from 'next-intl/server';
export default async ...
0
votes
0
answers
19
views
Can't import Next.js Google Font
"TypeError: (0 , next_font_google___WEBPACK_IMPORTED_MODULE_3__.Istok_Web) is not a function"
import { Istok_Web } from "next/font/google/"
const istokWeb = Istok_Web({ weight: &...
0
votes
0
answers
24
views
How to correct implement white labelling with NextJS?
I need to create a project of multiple website using the same NextJS app but with a different backend and a different theme. For the backend it's quite easy since I just use process.env at building ...
0
votes
0
answers
22
views
Monaco Editor Custom Language
I'm trying to create a monaco editor which only highlights curly braces. It would highlight any text in curly braces green and any curly braces with no end curly braces or any sort of syntax error red ...
-1
votes
0
answers
17
views
Custom control points for polylines in Google Maps API Platform NextJS
In my Nextjs application I use a map from the @vis.gl/react-google-maps library.
I have a DirectionsResult.
The goal is to display the route as a polyline that the user can edit (drag a point of the ...
-1
votes
0
answers
33
views
I used useForm hook in React for a login form. But when I submit the form, username and password are being appended to the url. How can I fix that?
interface FormData {
username: string;
password: string;
}
const LoginForm: React.FC = () => {
const dispatch = useDispatch<AppDispatch>();
const router = useRouter();
const {
...
0
votes
0
answers
22
views
How to route python and typescript serverless functions in a vercel deployment
I started with a full-stack app with Next.js and Typescript frontend and a Python backend. Since we wanted to deploy on Vercel, we migrated all the backend functionality into typescript functions in ...
0
votes
0
answers
19
views
I cannot get magic links to work properly + protected routes
I've been trying to setup supabase auth to work with magic links for days now. I cannot seem to understand what the issue is, please see below:
Basically when the magic link is opened, it looks like ...
0
votes
0
answers
13
views
Zod Schema: Detect if a field is optional in the front-end
I'm using Zod validation for my form schemas, and Schadcn-UI's Form to build my forms. I've extracted the form <FormField /> into its own component. I would like to automatically detect if a ...