jotai-devtools

jotai-devtools copied to clipboard

Update docs for conditional CSS import

5

I tried it like this first but it was complaining that an import has to be a top-level declaration: ```typescript if (process.env.NODE_ENV === 'development') { import('jotai-devtools/styles.css') } ``` I also...

kevinschaich

feat: support resize

3

https://github.com/jotaijs/jotai-devtools/assets/38493346/302457f5-a254-44cc-a0f9-8b7dc742947b

hyoban

refactor(utils): extract useReduxConnection for less repetition

1

Chunk of this PR: https://github.com/jotaijs/jotai-devtools/pull/32 This will extract the repeated logic of `useAtomDevtools` and `useAtomsDevtools` regarding the initial connection to the redux extension into a shared custom hook. It will...

PrettyCoffee

fix(useAtomDevtools): disconnect from redux devtools on unmount

1

Fixes - https://github.com/pmndrs/jotai/discussions/1795#discussioncomment-5111855 - [x] Test Canary version on CodeSandbox - https://codesandbox.io/p/sandbox/jotai-redux-devtools-forked-2dfvcv Edit: Blocked by https://github.com/reduxjs/redux-devtools/issues/1370

arjunvegda

feat(utils): cache redux extension connections to prevent duplicates

7

Originated from this discussion: https://github.com/pmndrs/jotai/discussions/1795#discussioncomment-5111855 Notes: - I assumed that you accidentally deleted the husky prepare script in the package.json and therefore added it again. - I changed the initial...

PrettyCoffee

Atoms are not visible in Redux Devtools if the atom value is not used

2

I am using useAtomsDevtools(). If I use useSetAtom() for atom in the react component and do not useAtom() or useAtomValue(), the atom is not displayed in the Redux Devtools. As...

tmatz

Tracking issue for https://github.com/pmndrs/jotai/discussions/1721

dai-shi

fix: mantine css leak

1

This pull request fixes the issue of CSS leakage from the Mantine component library by scoping its styles within a specific root element. #### Details: We used the `postcss-prefix-selector` plugin...

Elvincth

CSS leaking override mantine styles

13

CSS from `"jotai-devtools/styles.css"` leaks and overrides my current project mantine styles (downgraded to v0.8.0 works fine) Package version: v0.10.0 Before importing `"jotai-devtools/styles.css"`: After importing `"jotai-devtools/styles.css"`:

Elvincth

Jotai Devtools spits out a mismatched server/client props warning when used in Nextjs 14

3

> Warning: Prop `style` did not match. Server: "--ai-radius:50%;--ai-bg:var(--mantine-color-dark-filled);--ai-hover:var(--mantine-color-dark-filled-hover);--ai-color:var(--mantine-color-white);--ai-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent;border-width:0;z-index:99999;width:calc(4rem * var(--mantine-scale));height:calc(4rem * var(--mantine-scale));position:fixed;top:unset;left:0.2rem;bottom:0.2rem;right:unset" Client: "--ai-radius:50%;--ai-bg:var(--mantine-color-gray-3);--ai-hover:var(--mantine-color-gray-4);--ai-color:var(--mantine-color-white);--ai-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent;border-width:0;z-index:99999;width:calc(4rem * var(--mantine-scale));height:calc(4rem * var(--mantine-scale));position:fixed;top:unset;left:0.2rem;bottom:0.2rem;right:unset" `store/index.ts` ```ts import...

jbccollins