NextJS 13 App Directory #39

laurent512 · 2022-12-30T09:11:35Z

laurent512
Dec 30, 2022

Following the guide to enable preline JS, we have to include the following useEffect at the root :

useEffect(() => {
        import("preline");
    }, []);

This is only feasible when "use client" is added, so root layout becomes client components which I think is not ideal.

Any alternative solution ?

evanrosa · 2023-08-30T16:56:41Z

evanrosa
Aug 30, 2023

Any solution to this?

0 replies

arshtec · 2023-09-28T04:43:39Z

arshtec
Sep 28, 2023

Preline is a great library, after doing a bunch of research on this. I hope this silence with this NextJS 13+ integration won't turn people off. We just need a solution to this issue so we can start using this, otherwise, wonderful library.

2 replies

evanrosa Sep 28, 2023

I solved this by creating a separate provider which I then imported into the layout. Sorry for the formatting. For some reason the code formatter isn't working.

Provider:
`"use client";
import { SessionProvider } from 'next-auth/react';
import { useEffect } from 'react';

export const Providers = ({ children }: Props) => {
useEffect(() => {
import('preline');
}, []);
return {children};
};`

Layout:
export default function RootLayout({ children }: { children: React.ReactNode; }) { return ( <html lang="en"> <body> <Providers> <MyUserContextProvider> <Navbar /> {children} <Footer /> </MyUserContextProvider> </Providers> </body> </html> ); }

lemonjp Oct 8, 2023

I still got this error on nextjs 13

Warning: useEffect must not return anything besides a function

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

NextJS 13 App Directory #39

Uh oh!

{{title}}

Uh oh!

Replies: 2 comments 2 replies

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{editor}}'s edit

{{editor}}'s edit

Uh oh!

Uh oh!

{{title}}

Uh oh!

Select a reply

Uh oh!

NextJS 13 App Directory #39

Uh oh!

laurent512 Dec 30, 2022

Replies: 2 comments · 2 replies

Uh oh!

evanrosa Aug 30, 2023

Uh oh!

arshtec Sep 28, 2023

Uh oh!

Uh oh!

evanrosa Sep 28, 2023

Uh oh!

lemonjp Oct 8, 2023

laurent512
Dec 30, 2022

Replies: 2 comments 2 replies

evanrosa
Aug 30, 2023

arshtec
Sep 28, 2023