Duplicate atom key "themeState". This is a FATAL ERROR in
production. But it is safe to ignore this warning if it occurred because of
hot module replacement.
Duplicate atom key "googleFontFamiliesState". This is a FATAL ERROR in
production. But it is safe to ignore this warning if it occurred because of
hot module replacement.
Duplicate atom key "themeState". This is a FATAL ERROR in
production. But it is safe to ignore this warning if it occurred because of
hot module replacement.
Duplicate atom key "googleFontFamiliesState". This is a FATAL ERROR in
production. But it is safe to ignore this warning if it occurred because of
hot module replacement.
Duplicate atom key "themeState". This is a FATAL ERROR in
production. But it is safe to ignore this warning if it occurred because of
hot module replacement.
Duplicate atom key "googleFontFamiliesState". This is a FATAL ERROR in
production. But it is safe to ignore this warning if it occurred because of
hot module replacement.
Duplicate atom key "themeState". This is a FATAL ERROR in
production. But it is safe to ignore this warning if it occurred because of
hot module replacement.
Duplicate atom key "googleFontFamiliesState". This is a FATAL ERROR in
production. But it is safe to ignore this warning if it occurred because of
hot module replacement.
Duplicate atom key "themeState". This is a FATAL ERROR in
production. But it is safe to ignore this warning if it occurred because of
hot module replacement.

Warning: validateDOMNesting(...): <button> cannot appear as a descendant of <button>

Warning: React does not recognize the `motionProps` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `motionprops` instead. If you accidentally passed it from a parent component, remove it from the DOM element.
