Why does this code not throw an error?

[nwaokoron]

nextjs-subscription-payments/components/ui/Navbar/Navlinks.tsx

Line 4 in 25a1950

import { SignOut } from '@/utils/auth-helpers/server';

Pretty new to Next.js. I thought importing a server component in a client component
would cause an error but this code seems to allow it. How so?

[k-thornton]

Since you're new to Next.js this might be your first encounter with Server Actions
https://nextjs.org/docs/app/building-your-application/data-fetching/server-actions-and-mutations#event-handlers

They're great, it makes it so you can write vanilla functions that run on your server and call them from your client side, instead of having to make a bunch of API endpoints and HTTP calls. That all happens behind the scenes. Once you're comfortable with server actions it's really hard to go back to API routes!