How to import "fullpageApi" method from @fullpage/react-fullpage without the "render" method?

[ilya-maker]

I want set this method in state without render

<ReactFullpage
      pluginWrapper={pluginWrapper}
      licenseKey=''
      scrollingSpeed={1000}
      scrollHorizontallyKey=''
      scrollHorizontally={true}
      controlArrows={false}
      anchors={['home']}
      loopHorizontal={false}
      render={({ state, fullpageApi }) => {
        dispatch(setFullpageApi(fullpageApi))
        return ()}}
/>

Something like this.
import ReactFullpage, { fullpageApi } from "@fullpage/react-fullpage";
dispatch(setFullpageApi(fullpageApi))

[alvarotrigo]

Can you use the window global object instead?
fullpage_api?

[ilya-maker]

No, window.fullpage_api is undefined.
I have a main page with ReactFullpage and a navbar with links to the main page.
But when I go to another page and click on the link in the navbar, I get fullpage_api is undefined.

[alvarotrigo]

Any idea @cmswalker ?

[ilya-maker]

So can you help me?

[alvarotrigo]

You can try creating a codesanbox with the reproduction.
Perhaps this way we can help you better.

[gymgym1212]

Hi @alvarotrigo , I'd like to share some experience about fullpage_api

You can see my comments in codesandbox

My experience is using window.fullpage_api not fullpage_api. I am still wondering why fullpage_api only works in codesandbox but my vscode.

afterRender={() => {
      // 'fullpage_api' is not defined. 
      // It works in codesandbox but my vscode.
      fullpage_api.setAllowScrolling(false);

      // It works both in codesandbox and my vscode.
      window.fullpage_api.setAllowScrolling(false);
}}

@ilya-maker May it help you.

[gosxrgxx]

I am dealing with the same problem. Is there a solution for this?

[alvarotrigo]

I am dealing with the same problem. Is there a solution for this?

Just use window.fullpage_api as suggested in the last answer.