[Question] TreeShaking the modules, exclude Jsonld package.

I am analysing the bundle size of my project. I realised the jsonld is around 17.3 KB parsed while i am using it at all.

Is it possible to import only the NextSeo component?

I tried import NextSeo from "next-seo/meta/defaultSEO.jsx"; and import NextSeo from "next-seo/meta/defaultSEO";, but it doesn’t work.

[garmeeh]

Hey @Ktchan825, I’m getting close to publishing V2 of this library. Once published I will investigate tree shaking on it.

[joeyorlando]

Was trying to accomplish the same thing as @Ktchan825, ended up having to import directly from the ES module file (/lib/next-seo.modern.js). In my case looked something like this:

import {
  DefaultSeo,
  LogoJsonLd,
  LocalBusinessJsonLd,
  SocialProfileJsonLd,
  CorporateContactJsonLd,
} from 'next-seo/lib/next-seo.modern';

I am also using Typescript in my project. After changing my import from from 'next-seo to from 'next-seo/lib/next-seo.modern it started complaining that it couldn’t find the type files for next-seo/lib/next-seo.modern. I was able to fix this by modifying my tsconfig.json as such:

{
  "compilerOptions": {
    "baseUrl": ".", // neccessary if paths is specified
    "paths": {
      "next-seo/lib/next-seo.modern": [
        "node_modules/next-seo/lib"
      ]
    }
  },
  ..<rest of config>
}