All the contacts are coming in through as direct traffic when using Forms API

[AGoyani]

Hey,

I am using Hubspot forms API to track users' original source, and I have integrated Forms Api when user signs up instead of integrating the hubspot forms because we have one page signup and don't want to customize the hubspot forms design, so first I call the BE API to sign up the user and then call Hubspot forms API with all the necessary fields and context values of `hutk` and page uri and page name,

The website is one page react website so to call the forms API, I am using axios and json data. I know I should be using encoded forms data but trust me I tried with that as well.

but everytime, the original source is direct traffic in contacts page.

I have looked through many community posts but never got a solution so decided to create the post.

I also tried adding tracking code in google tag manager, but no luck.

can anyone help me ?

Thanks.

[Jaycee_Lewis]

Hi, @AGoyani 👋 Thanks for reaching out. Let's see if we can get the conversation started. Hey, @Teun, do you have any React experience or troubleshooting tips you can share with @AGoyani?

Thank you! — Jaycee