Error : Did you mean to import "next/font/local/index.js"?

[technewwings]

trying to port my current payload cms + nextjs 16 project to vinext.

2:01:52 AM [vite] Internal server error: Directory import '/Users/play-area/electrofit/node_modules/next/font/local' is not supported resolving ES modules imported from /Users/play-area/electrofit/node_modules/geist/dist/mono.js
Did you mean to import "next/font/local/index.js"?
      at finalizeResolution (node:internal/modules/esm/resolve:262:11)
      at moduleResolve (node:internal/modules/esm/resolve:859:10)
      at defaultResolve (node:internal/modules/esm/resolve:983:11)
      at nextResolve (node:internal/modules/esm/hooks:748:28)
      at o (file:///Users/play-area/electrofit/node_modules/@tailwindcss/node/dist/esm-cache.loader.mjs:1:69)
      at nextResolve (node:internal/modules/esm/hooks:748:28)
      at Hooks.resolve (node:internal/modules/esm/hooks:240:30)
      at MessagePort.handleMessage (node:internal/modules/esm/worker:199:24)
      at [nodejs.internal.kHybridDispatch] (node:internal/event_target:827:20)
      at MessagePort.<anonymous> (node:internal/per_context/messageport:23:28)

[hoangnv170752]

I had resolved it in ##157