How to fix "Cannot use import statement outside a module" when you add new module?

Question

When I add antd library to NextJS project, it happen this issue. and show Image with other domain

Answer 1

In the nextjs.config.js file I add this line:
transpilePackages: [ "antd", "@ant-design", "rc-util", "rc-pagination", "rc-picker", "rc-notification", "rc-tooltip", "rc-tree", "rc-table" ],
and add image's domain like this
 

module.exports = {

  reactStrictMode: true,

  images: {

    domains: ["localhost", "fakestoreapi.com"],

  },

  transpilePackages: [

    "antd",

    "@ant-design",

    "rc-util",

    "rc-pagination",

    "rc-picker",

    "rc-notification",

    "rc-tooltip",

    "rc-tree",

    "rc-table",

  ],

};

Answer 2

darknet marketplace  <a href="https://github.com/darknetmarketslist/darknetmarketslist ">dark web market urls </a>

Answer 3

darknet drugs  <a href="https://github.com/darknetmarketlinks2025/darknetmarkets ">darknet drugs </a>

Answer 4

dark market  <a href="https://github.com/darknetmarkets2025/darknetmarketlinks ">darknet markets url </a>

Answer 5

bitcoin dark web  <a href="https://github.com/darkwebmarketslinks/darkwebmarkets ">darknet marketplace </a>

Answer 6

darknet marketplace  <a href="https://github.com/darkwebwebsites/darkwebwebsites ">darknet markets links </a>

Answer 7

dark web markets  <a href="https://github.com/nexusdarkrtv1u/nexusdark ">dark market link </a>

Answer 8

dark market 2025  <a href="https://github.com/darknetmarketlinks2025/darknetmarkets ">dark web market links </a>

Answer 9

darknet markets 2025  <a href="https://github.com/nexusdarkrtv1u/nexusdark ">dark web markets </a>

Answer 10

onion dark website  <a href="https://github.com/darkwebmarketslinks/darkwebmarkets ">dark web market urls </a>