Supported Versions
React
Supported React versions of the nuvo importer:
- 16.x
- 17.x
- 18.x
Angular
The nuvo importer supports the following versions of Angluar:
- 12.x
- 13.x
- 14.x
- 15.x
Vue.js
The following Vue.js versions are supported:
- 2.x
- 3.x
The nuvo importer with NextJS
Suppose you want to use the nuvo importer with NextJS. In that case, you have to dynamically import our component without server-side rendering (SSR) because NextJS is normally rendered server-side, and the nuvo importer is rendered client-side.
One example is creating a wrapper React component for the NuvoImporter
component. Check out the code below where you can see how it is done:
import dynamic from "next/dynamic";
import { ConfigureAPI } from "nuvo-react";
let PassSubmitResult: any;
let RejectSubmitResult: any;
const NuvoImporter = dynamic<ConfigureAPI>(
async () => {
return import("nuvo-react").then((item) => {
PassSubmitResult = item.PassSubmitResult;
RejectSubmitResult = item.RejectSubmitResult;
return item.NuvoImporter;
});
},
{ ssr: false }
);
After implementing the code, you can use the NuvoImporter
component.
If you run into an "Global CSS cannot be imported from within node_modules."-error, we recommend you to install the following package: https://www.npmjs.com/package/next-transpile-modules
After that go to the "next.config.js"-file to adjust the configuration like the following:
const withTM = require('next-transpile-modules')([
'nuvo-react',
]);
/** @type {import('next').NextConfig} */
const nextConfig = {
reactStrictMode: true,
};
module.exports = withTM(nextConfig);