UI-REACT: Import Error with `@tonconnect/ui-react` in Next.js 14.0.2

num13ru commented 1 year ago

Description

I'm experiencing an import error when using @tonconnect/ui-react in a Next.js 14.0.2 application. The specific error is related to TonConnectUIProvider not being exported as expected.

Error Message

   Attempted import error: 'TonConnectUIProvider' is not exported from '@tonconnect/ui-react' (imported as 'TonConnectUIProvider').

   Import trace for requested module:
   ./src/app/layout.tsx
   Warning: React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.

   Check your code at layout.tsx:21.
    ⨯ Error: Unsupported Server Component type: undefined
       at stringify (<anonymous>)
    ⨯ Error: Unsupported Server Component type: undefined
       at stringify (<anonymous>)

Code Snippet

   import type { Metadata } from 'next';
   import { Inter } from 'next/font/google';
   import './globals.css';
   import { TonConnectUIProvider } from '@tonconnect/ui-react';

   const inter = Inter({ subsets: ['latin'] });

   const manifestUrl = 'https://my-next-app.vercel.app/tonconnect-manifest.json';

   export const metadata: Metadata = {
     title: 'Create Next App',
     description: 'Generated by create next app',
   };

   export default function RootLayout({
     children,
   }: {
     children: React.ReactNode;
   }) {
     return (
       <TonConnectUIProvider manifestUrl={manifestUrl}>
         <html lang="en">
           <body className={inter.className}>{children}</body>
         </html>
       </TonConnectUIProvider>
     );
   }

Additional Information

@tonconnect/ui-react version: 2.0.0-beta.6
Next.js version: 14.0.2
Node.js version: v20.6.1

I would appreciate any guidance or fixes for this issue. Thank you!

liketurbo commented 1 year ago

For next@13, it also yields an error, although a different one. It's worth noticing that i used "App Router (app directory)". Next@12 with the "Pages router" works fine, though.