clerk/javascript @clerk/react-router@1.2.0

on GitHub

Minor Changes

• Introduce a verifyWebhook() function to verify incoming Clerk webhook requests and process the payload. This function handles webhook signature verification using Svix and is now available across all backend and fullstack SDKs. (#5468) by @wobsoriano

  To get started, install svix, which Clerk uses to verify its webhooks:

  npm install svix

  Then in your webhook route handler, import verifyWebhook() from the React Router SDK:

  import { verifyWebhook } from '@clerk/react-router/webhooks';
  
  export const action = async ({ request }) => {
    try {
      const evt = await verifyWebhook(request);
  
      // Do something with payload
      const { id } = evt.data;
      const eventType = evt.type;
      console.log(`Received webhook with ID ${id} and event type of ${eventType}`);
      console.log('Webhook payload:', evt.data);
  
      return new Response('Webhook received', { status: 200 });
    } catch (err) {
      console.log('Error: Could not verify webhook:', err);
      return new Response('Error: Verification error', {
        status: 400,
      });
    }
  };

  For more information on how to sync Clerk data to your app with webhooks, see our guide.

Patch Changes

• Updated dependencies [60a9a51, e984494, cd6ee92, ec4521b, 38828ae, f30fa75, 9c68678, fe065a9, 619cde8]:
  • @clerk/backend@1.26.0
  • @clerk/shared@3.3.0
  • @clerk/clerk-react@5.25.6
  • @clerk/types@4.50.2