nextjs + remote-mdx hata: Geçersiz kanca çağrısı

Hata Mesajı

Uyarı: Geçersiz kanca çağrısı. Kancalar yalnızca bir işlev bileşeninin gövdesi içinde çağrılabilir. Bu, aşağıdaki nedenlerden biri nedeniyle gerçekleşebilir:
1. React ve renderleyici (örneğin React DOM) arasında uyumsuz sürümler olabilir.
2. Kanca Kurallarını ihlal ediyor olabilirsiniz.
3. Aynı uygulamada birden fazla React kopyası olabilir.
Ayrıntılar için https://reactjs.org/link/invalid-hook-call adresine göz atın.

Çözümüm

Yapılandırmayı artırın: transpilePackages

// ...
const nextConfig = {
    pageExtensions: ['js', 'jsx', 'md', 'mdx', 'ts', 'tsx'],
    transpilePackages: ['next-mdx-remote']
};
// ...