[React-Typescript] - Error: require() of ES Module

Setup - repo politics-on-social

Nextjs
React
Typescript

"@wevisdemo/ui": "^4.1.0"

cannot import module

import WvSharer from '@wevisdemo/ui/components/sharer';

ERROR

Server Error
Error: require() of ES Module /Users/bariyard-mothership/Developer/pu-project/politics-on-social/node_modules/@wevisdemo/ui/components/sharer.js from /Users/bariyard-mothership/Developer/pu-project/politics-on-social/.next/server/pages/index.js not supported.
Instead change the require of sharer.js in /Users/bariyard-mothership/Developer/pu-project/politics-on-social/.next/server/pages/index.js to a dynamic import() which is available in all CommonJS modules.

This error happened while generating the page. Any console logs will be displayed in the terminal window.
Call Stack
Object.@wevisdemo/ui/components/sharer
file:///Users/bariyard-mothership/Developer/pu-project/politics-on-social/.next/server/pages/index.js (273:18)
__webpack_require__
file:///Users/bariyard-mothership/Developer/pu-project/politics-on-social/.next/server/webpack-runtime.js (33:42)
eval
webpack-internal:///./pages/index.tsx (9:89)
Object../pages/index.tsx
file:///Users/bariyard-mothership/Developer/pu-project/politics-on-social/.next/server/pages/index.js (242:1)
__webpack_require__
file:///Users/bariyard-mothership/Developer/pu-project/politics-on-social/.next/server/webpack-runtime.js (33:42)
__webpack_exec__
file:///Users/bariyard-mothership/Developer/pu-project/politics-on-social/.next/server/pages/index.js (338:39)
<unknown>
file:///Users/bariyard-mothership/Developer/pu-project/politics-on-social/.next/server/pages/index.js (339:28)
Object.<anonymous>
file:///Users/bariyard-mothership/Developer/pu-project/politics-on-social/.next/server/pages/index.js (342:3)
Object.requirePage
file:///Users/bariyard-mothership/Developer/pu-project/politics-on-social/node_modules/next/dist/server/require.js (58:12)
<unknown>
file:///Users/bariyard-mothership/Developer/pu-project/politics-on-social/node_modules/next/dist/server/load-components.js (61:73)
async Object.loadComponents
file:///Users/bariyard-mothership/Developer/pu-project/politics-on-social/node_modules/next/dist/server/load-components.js (61:26)
async DevServer.findPageComponents
file:///Users/bariyard-mothership/Developer/pu-project/politics-on-social/node_modules/next/dist/server/next-server.js (555:36)
async DevServer.renderPageComponent
file:///Users/bariyard-mothership/Developer/pu-project/politics-on-social/node_modules/next/dist/server/base-server.js (891:24)
async DevServer.renderToResponse
file:///Users/bariyard-mothership/Developer/pu-project/politics-on-social/node_modules/next/dist/server/base-server.js (920:32)
async DevServer.pipe
file:///Users/bariyard-mothership/Developer/pu-project/politics-on-social/node_modules/next/dist/server/base-server.js (369:25)
async Object.fn
file:///Users/bariyard-mothership/Developer/pu-project/politics-on-social/node_modules/next/dist/server/next-server.js (743:21)
async Router.execute
file:///Users/bariyard-mothership/Developer/pu-project/politics-on-social/node_modules/next/dist/server/router.js (247:36)
async DevServer.run
file:///Users/bariyard-mothership/Developer/pu-project/politics-on-social/node_modules/next/dist/server/base-server.js (347:29)
async DevServer.run
file:///Users/bariyard-mothership/Developer/pu-project/politics-on-social/node_modules/next/dist/server/dev/next-dev-server.js (709:20)
async DevServer.handleRequest
file:///Users/bariyard-mothership/Developer/pu-project/politics-on-social/node_modules/next/dist/server/base-server.js (285:20)

wevisdemo / design-systems

[React-Typescript] - Error: require() of ES Module #1