Skip to main content

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.

info

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);