useLoader - Server Error: Only absolute URLs are supported (Next.js)

[JanMiskovic]

Hello,

I'm trying to load a font (for rendering 3D text), inside a Next.js component using useLoader().
It keeps throwing the error "Could not load /font.json: Only absolute URLs are supported".

Most solutions I found only seem hacky and I feel like there is a standard way to go about doing this that I'm missing.

Sample of the code:

I'll be thankful for any suggestions on how to fix this / why its happening. (I am relatively new to Next.js)

[JanMiskovic]

Managed to solve it by just directly importing the json, not sure if it's the correct way to do things since that means I end up not even using the FontLoader at all, but it seems to work