How to Integrate React Epub Reader with next js

Question

I am trying to integrate react epub reader with Next Js but getting one error and works well with react js, I need your help to integrate epub reader with next js

error

My code

import React from 'react';
import { ReactReader } from "react-reader";

export default function Home() {
  return (
    <div>
         <div style={{ position: "relative", height: "330px" }}>
<ReactReader
        url="./Boy without a name English.epub"
        title={"Alice in wonderland"}
        location={"epubcfi(/6/2[cover]!/6)"}
        locationChanged={epubcifi => console.log(epubcifi)}
      />
    </div>
  </div>
  )
}

Does this answer your question? Next.js SyntaxError "Unexpected token 'export'" — juliomalves
– juliomalves, Commented Nov 7, 2021 at 12:22

juliomalves · Accepted Answer · 2021-01-14 22:13:45Z

0

The issue can be fixed by transpiling react-reader and epubjs modules (exported as ESM since a few months back).

For example, using next-transpile-modules in Next.js config:

// next.config.js
const withTM = require("next-transpile-modules")(["react-reader", "epubjs"]);

module.exports = withTM({/* custom config */});

answered Jan 14, 2021 at 22:13

juliomalves

51.1k23 gold badges180 silver badges170 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to Integrate React Epub Reader with next js

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related