Hanko home pagelight logodark logo
  • Community
  • Start for free
  • Start for free
Community & Support
Troubleshoot
Documentation
API Reference
Frontend SDK
Standalone Passkey API
Tutorials
Getting Started
  • Introduction
  • Set up Hanko Cloud
  • Quickstarts
Guides
  • Users
  • Authentication Methods
  • Hanko Elements
  • Cloud Console
  • Databases
  • Migrations
  • FlowAPI
  • Sessions
  • Webhooks
  • Custom Emails
Resources
  • Examples
  • SDKs
Community & Support
  • Get Help
  • Troubleshoot
  • FAQ
Community & Support

Troubleshoot

A guide to help you with common issues faced when working with Hanko Cloud

Console

Hanko Auth Component

CORS errors usually occur when the application URL hasn’t been correctly configured in Hanko Cloud. If you’re developing your project on localhost, you’ll need to add a URL like http://localhost:3000. For production, you’ll need to add the production URL. Please follow this guide for a seamless setup of Hanko Cloud.

Console

Hanko Auth Component

This error typically arises when the API URL has been incorrectly configured. Depending on your framework, you may need to prefix your URLs with PUBLIC, NEXT_PUBLIC, or another specific prefix. This prefixing ensures that these environment variables are exposed to the browser and can be accessed by your frontend.

Here are some of the examples

.env
Next.js
NEXT_PUBLIC_HANKO_API_URL=https://f4****-4802-49ad-8e0b-3d3****ab32.hanko.io

Nuxt
NUXT_PUBLIC_HANKO_API_URL=https://f4****-4802-49ad-8e0b-3d3****ab32.hanko.io

SvelteKit
PUBLIC_HANKO_API_URL=https://f4****-4802-49ad-8e0b-3d3****ab32.hanko.io

React
REACT_APP_HANKO_API_URL=https://f4****-4802-49ad-8e0b-3d3****ab32.hanko.io

You might get "r" is read-only error after you deploy a CRA (Create React App). To fix it you’ll need to add @babel/core as a dependency in your project. You can do this by running the following command:

npm install @babel/core

Feel free to open a GitHub Issue or join our Discord Community. We’re here to help!

Was this page helpful?

Suggest editsRaise issue
Get HelpFAQ
twittergithublinkedin
Powered by Mintlify