TypeError : t is not a function

[Seol827]

Description

I'm trying to add the extension. (for sure, I have license key and extension key) I successfully imported "pluginWrapper", but I faced the error as follow.

error msg (Chrome)

code

const pluginWrapper = () => {
  require('../static/fullpage.scrollHorizontally.min')
}
return (
  <ReactFullpage
        //fullpage options
        pluginWrapper={pluginWrapper}
        licenseKey={''}
        scrollingSpeed={1000} /* Options here */
        scrollHorizontally={true}
        scrollHorizontallyKey={''}
        render={({ state, fullpageApi }) => {
          return (
            <ReactFullpage.Wrapper>
              <div></div>
              <div
                className="section"
                id="bg0"
                style={{
                  backgroundImage: `url("/images/main/BG1.jpg")`,
                  backgroundRepeat: 'no-repeat',
                  backgroundSize: 'cover',
                }}
              >
                <p id="main-title">Home</p>
              </div>
              <div
                className="section"
                id="bg1"
                style={{
                  backgroundImage: `url("/images/main/BG2.png")`,
                  backgroundRepeat: 'no-repeat',
                  backgroundSize: 'cover',
                }}
              >
                <p>Section 2</p>
              </div>
            </ReactFullpage.Wrapper>
          )
        }}
      />
)

How can I solve this problem?

Versions

React v18.2.0 Next.js v12.2.0 Typescript v4.7.4

[alvarotrigo]

What version of react-fullpage.js are you using and what version of the scroll horizontally extension are you using?

[Seol827]

Actually I'm not in charge of purchasing that. So I'm not sure about the version but my team manager bought a license this week. I think the latest one. @alvarotrigo

[alvarotrigo]

Make sure they are using the latest version of react-fullge anyways. (v 01.33) The fullPage.js purchase is totally independent of it.

Also, make sure they purchased the extension recently too. In this case the purchase date is important for the extension.

[Seol827]

@alvarotrigo I confirmed that @fullpage/react-fullpage => 0.1.33 version. (I tested 0.1.32 version, same error occurred.) And the fullPage.js which has purchased is v3.

the basic usage is fine well, but I think the extension file(fullpage.scrollHorizontally.min.js) is problem. I found this msg from 'fullpage.scrollHorizontally.min.js' file. I think version is not an issue in this situation, doesn't it? How can I fix it?

[Seol827]

@alvarotrigo I fixed the problem today. First of all, I'm so sorry😥 . In my case, I just received the extension key and license key from manager. So I thought the extension key would be 'scrollHorizontallyKey'. but I found the link to get the 'real' scrollHorizontallyKey anyway. Thanks and sorry🙏!

[Seol827]

@alvarotrigo There is one more question. Can I remove the watermark? I found that in the last extension page, there is a fullpage watermark. my extension plan is "professional".

[alvarotrigo]

React 0.1.33 uses fullPage.js version 4. The extension you got is for version 3, which won't be compatible with v4.

So you'll need to get the latest extension by purchasing it again from the fullpage.js extensions page.

Can I remove the watermark?

Sure, just use the credits option as stated on the docs

credits: {
   enabled: false
}

[Seol827]

@alvarotrigo Thanks for your reply!

React 0.1.33 uses fullPage.js version 4.

If I downgrade for React 0.1.32, Can I use version 3 I already purchased?

---

I downgraded for 0.1.32, and I found an error as well. I use "dragAndMove" extension and options "navigation" and "slidesNavigation" would be "true".

as follow, this "navigation" is doing well (scroll),

but "slidesNavigation" is not activated. (the second circle should be activated, but didn't. drag and move is doing well. the dots are problem.)

<ReactFullpage
        //fullpage options
        pluginWrapper={pluginWrapper}
        licenseKey={''}
        scrollingSpeed={1000}
        dragAndMove={'horizontal'}
        dragAndMoveKey={''}
        controlArrows={false}
        navigation={true}
        slidesNavigation={true}
        render={({ state, fullpageApi }) => {
          return (
            <ReactFullpage.Wrapper>
              <div className="section">
                <div className="slide">
                  <h2>slide1.1</h2>
                </div>

                <div className="slide">
                  <h1>Slide 1.2</h1>
                </div>
                <div className="slide">
                  <h1>Slide 1.3</h1>
                </div>
              </div>
            </ReactFullpage.Wrapper>
          )
        }}
      />

[alvarotrigo]

You would need to downgrade at least 10 versions. To react-fullpage 0.1.23. https://github.com/alvarotrigo/react-fullpage/releases/tag/0.1.23

But note that's no longer maintained nor supported so you'll be on your own there.

I would encourage you to purchase the extension for v4 again and use that latest version for both, fullPage.js and the extension.

[Seol827]

@alvarotrigo version matching is so hard..😥 Anyway, I did downgrade to react-fullpage 0.1.23. I confirmed the drag and move is doing well, but I could check the console msg. my source code didn't change at all. So there is 'licenseKey'. The error didn't appear before I downgraded to 0.1.23.

And I already purchased for v3. So If I want to use for v4, Should I pay for twice....?

[Seol827]

@alvarotrigo Finally I checked all versions.

fullpage => v4 extensions => v3 That is why I couldn't apply the extensions. right? But I can't confirm the version of extensions through the payment page. (https://alvarotrigo.gumroad.com/l/fullpageExtensionsBundle) please, let me know how I can get the extensions version for 4. Also, payment date is 2023/02/15. I think the date and version is surely latest. If I need to refund and pay again, I'm gonna do that.

[alvarotrigo]

Let's move to private. Can you use the contact form and share with us the email you used for the purchases?

This way it will be faster.

[Seol827]

@alvarotrigo I sent the form via contact form. check that please.

[alvarotrigo]

Thanks 👍