alvarotrigo / alvarotrigo/react-fullpage

[Question}: FPjs & nextjs & prismic dynamic content after page renderd

Open
#415 5 comments 0 reactions 0 assignees View on GitHub
reproduction required
Dominant language
JavaScript
Stars
1.3k
Forks
172
PR merge metrics
No merged PRs in 30d

Description

Hi,
I am using fullpage js with next 13 and prismic CMS (https://prismic.io/). All works fine when nextjs renders the page on server and links between sides are used with "normal" a href. But when using PrismicLink or NextLink and the side will be renderd on client side, I have a timing issue with the fullpage wrapper component. It looks like page wrapper will render the page and looks for the first section class but from prismic the section is not loaded in same time so fullpage gives an unkown index error.

If I add a div with className="section" in the fullpage wrapper before the first prismic component all works fine, but I have a useless div before content.
Question: Is there a way to add a "hidden" section div in fullpage?

Something like:

```
(

{/* here I need a hidden fullpage section */}

nothing to see, should be hidden


{/* renders not in the same time as fullpage, so I got an error */}

)}
/>

Would be great if you have any ideas for this problem.

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.