Export atoms causes maximum call stack size exceeded Error

[sjhsjh721]

Hello, I tried to use Jotai for React state managament Library.
But, I cannot set my atom exported. (It works when I initiate atom in one file.)

[1] [!] (plugin rpt2) RangeError: Maximum call stack size exceeded
[1] src/domain/newGnb/atom/dockBar/index.ts
[1] RangeError: Maximum call stack size exceeded
[1]     at String.replace (<anonymous>)
[1]     at escapeString (/Users/user/vertical-module/node_modules/typescript/lib/typescript.js:16888:18)
[1]     at escapeNonAsciiString (/Users/user/vertical-module/node_modules/typescript/lib/typescript.js:16893:13)
[1]     at Object.getLiteralText (/Users/user/vertical-module/node_modules/typescript/lib/typescript.js:13898:34)
[1]     at getLiteralTextOfNode (/Users/user/vertical-module/node_modules/typescript/lib/typescript.js:103442:23)
[1]     at emitLiteral (/Users/user/vertical-module/node_modules/typescript/lib/typescript.js:100983:24)
[1]     at pipelineEmitWithHint (/Users/user/vertical-module/node_modules/typescript/lib/typescript.js:100795:32)
[1]     at pipelineEmit (/Users/user/vertical-module/node_modules/typescript/lib/typescript.js:100423:13)
[1]     at print (/Users/user/vertical-module/node_modules/typescript/lib/typescript.js:100357:13)
[1]     at Object.writeNode (/Users/user/vertical-module/node_modules/typescript/lib/typescript.js:100212:13)

• This error message is from my project.

import { atom } from 'jotai'

export const cAtom = atom('')

• This is my index.ts code.

I am using rollup.js for my bundler, and rollup-plugin-typescript2 as plugin.
How can I handle this error?

[dai-shi]

hmm, I'm not sure what's wrong. It looks okay to me. Is it difficult to create a small reproduction?

If anyone can help on this, it would be great.

[sjhsjh721]

It works and does not make error when I don't export atom and include it in component code...
But, it is not the one i wanted.. :(

[dai-shi]

include it in component code

the problem seems to exist there.
please try to make a minimal reproduction.

[sjhsjh721]

Sorry. I meant a component file..
ex.

const anAtom = atom('')
const Component = () => {
  const [value, setValue] = useAtom(anAtom)
  ...
  ...
  ...
}

And, this case works.
But I need to use an atom in another component, and I cannot export it.

[dai-shi]

https://codesandbox.io/s/inspiring-moore-1zc0ot?file=/src/App.js
Does this look okay?
Modify it step by step until it becomes like your app.