26 lines
676 B
JavaScript
26 lines
676 B
JavaScript
import { withRouter } from 'next/router'
|
|
import dynamic from 'next/dynamic'
|
|
import Link from 'next/link'
|
|
|
|
const RustComponent = dynamic({
|
|
loader: async () => {
|
|
// Import the wasm module
|
|
const rustModule = await import('../add.wasm')
|
|
// Return a React component that calls the add_one method on the wasm module
|
|
return (props) => <div>{rustModule.add_one(props.number)}</div>
|
|
},
|
|
})
|
|
|
|
const Page = ({ router: { query } }) => {
|
|
const number = parseInt(query.number || 30)
|
|
return (
|
|
<div>
|
|
<RustComponent number={number} />
|
|
<Link href={`/?number=${number + 1}`}>
|
|
<a>+</a>
|
|
</Link>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default withRouter(Page)
|