Please obtain a letter from her employer showing the dates her employment and benefits will end

幸福很简单，因为你懂得：
今天再大的事，到了明天就是小事；
今年再大的事，打了明年就是故事；
遇到不顺的事，对自己说一声：
今天会过去，明天会到来，不要焦虑。

https://quilljs.com/

https://immerjs.github.io/immer/example-setstate

https://github.com/mwilliamson/mammoth.js

import React from 'react'
import { makeStyles } from '@material-ui/core/styles'
import { Box } from '@material-ui/core'
const useStyles = makeStyles(theme => ({
  marginAutoContainer: {
    width: 500,
    height: 80,
    display: 'flex',
    backgroundColor: 'gold',
  },
  marginAutoItem: {
    margin: 'auto'
  },
  alignItemsAndJustifyContent: {
    width: 500,
    height: 80,
    display: 'flex',
    alignItems: 'center',
    justifyContent: 'center',
    backgroundColor: 'pink',
  },
}))
const Centering4Ways = () => {
  const classes = useStyles()
  return (
    <React.Fragment>
      <Box
        display="flex" 
        width={500} height={80} 
        bgcolor="lightblue"
      >
        <Box m="auto">
          1. Box (margin: auto)
        </Box>
      </Box>
      <Box 
        display="flex" 
        width={500} height={80} 
        bgcolor="lightgreen"
        alignItems="center"
        justifyContent="center"
      >
        2. Box (alignItems and justifyContent)
      </Box>
      <div className={classes.marginAutoContainer}>
        <div className={classes.marginAutoItem}>
          3. useStyles (margin: auto)
        </div>
      </div>
      <div className={classes.alignItemsAndJustifyContent}>
        4. useStyles (alignItems and justifyContent)
      </div>
    </React.Fragment>
  )
}
export default Centering4Ways

REF: https://medium.com/@tsubasakondo_36683/4-ways-to-center-a-component-in-material-ui-a4bcafe6688e

https://fs.blog/reading/

https://stackoverflow.com/questions/42573017/in-react-es6-why-does-the-input-field-lose-focus-after-typing-a-character

The bug can go very crazy.

1. Create Reac App - show blank page on Mobile only
2. only one page has issue - so not route issue
3. cannot see error because it's only mobile only
4. Safari desktop is lief saver - it shows the error
5. "RangeError: Invalid "number" argument: NaN" - this is related to React Time Ago package
6. Not sure why it works fine in Chrome desktop.
7. React TimeAgo is different to React Time Ago. - Should have used the former one.

See this error, but it does not tell me in which file:

offline: ANY /localits/graphql (λ: graphql)
offline: Failure: Syntax Error: Cannot parse the unexpected character ";".

Should check your type define:

  type Attribute {
    id: ID
    name: String
    createdBy: String
    createdAt: String
    updatedAt: String
    updatedBy; String
  }

See the typo there! It should be updatedBy: String