Avoid destructive mutations

apollographql/apollo-client#4543

* Enable strict mode in all scripts

app/javascript/components/AccountControl/index.js

@@ -1,3 +1,4 @@
+'use strict'
 import React from 'react'
 import { IconButton, Menu, MenuItem } from '@material-ui/core'
 import { AccountCircle } from '@material-ui/icons'

app/javascript/components/CustomSnackbar/CustomSnackbarContent/index.js

@@ -1,3 +1,4 @@
+'use strict'
 import React from 'react'
 import PropTypes from 'prop-types'
 import clsx from 'clsx'

app/javascript/components/CustomSnackbar/index.js

@@ -1,3 +1,4 @@
+'use strict'
 import { Snackbar } from '@material-ui/core'
 import CustomSnackbarContent from './CustomSnackbarContent'
 import React from 'react'

app/javascript/components/Form/Auth/ForgotPassword/index.js

@@ -1,3 +1,4 @@
+'use strict'
 import React, { useState } from 'react'
 import clsx from 'clsx'
 import useForm, { FormContext } from 'react-hook-form'

app/javascript/components/Form/Auth/Inputs/emailFormControl.js

@@ -1,3 +1,4 @@
+'use strict'
 import { FormControl, FormHelperText, Input, InputAdornment, InputLabel, makeStyles } from '@material-ui/core'
 import EmailIcon from '@material-ui/icons/Email'
 import React from 'react'

app/javascript/components/Form/Auth/Inputs/emailFormControlAutoValidation.js

@@ -1,3 +1,4 @@
+'use strict'
 import { FormControl, FormHelperText, Input, InputAdornment, InputLabel, makeStyles } from '@material-ui/core'
 import EmailIcon from '@material-ui/icons/Email'
 import React from 'react'

app/javascript/components/Form/Auth/Inputs/passwordConfirmFormControl.js

@@ -1,3 +1,4 @@
+'use strict'
 import { FormControl, FormHelperText, IconButton, Input, InputAdornment, InputLabel } from '@material-ui/core'
 import Visibility from '@material-ui/icons/Visibility'
 import VisibilityOff from '@material-ui/icons/VisibilityOff'

app/javascript/components/Form/Auth/Inputs/passwordFormControl.js

@@ -1,3 +1,4 @@
+'use strict'
 import { FormControl, FormHelperText, IconButton, Input, InputAdornment, InputLabel } from '@material-ui/core'
 import Visibility from '@material-ui/icons/Visibility'
 import VisibilityOff from '@material-ui/icons/VisibilityOff'

app/javascript/components/Form/Auth/Login/index.js

@@ -1,3 +1,4 @@
+'use strict'
 import React, { useState } from 'react'
 import clsx from 'clsx'
 import useForm, { FormContext } from 'react-hook-form'

app/javascript/components/Form/Auth/Registration/index.js

@@ -1,3 +1,4 @@
+'use strict'
 import React, { useState } from 'react'
 import clsx from 'clsx'
 import useForm, { FormContext } from 'react-hook-form'

app/javascript/components/Form/Auth/ResetPassword/index.js

@@ -1,3 +1,4 @@
+'use strict'
 import React, { useState } from 'react'
 import clsx from 'clsx'
 import useForm, { FormContext } from 'react-hook-form'

app/javascript/components/Form/Product/AddProduct/index.js

@@ -1,3 +1,4 @@
+'use strict'
 import React, { useState } from 'react'
 import clsx from 'clsx'
 import useForm, { FormContext } from 'react-hook-form'

app/javascript/components/Form/Product/Inputs/ImageFormControl.js

@@ -1,3 +1,4 @@
+'use strict'
 import { CircularProgress, makeStyles } from '@material-ui/core'
 import React from 'react'
 import { useFormContext } from 'react-hook-form'

app/javascript/components/Form/Product/Inputs/NameFormControlValidation.js

@@ -1,3 +1,4 @@
+'use strict'
 import { FormControl, FormHelperText, Input, InputLabel } from '@material-ui/core'
 import debounce from 'lodash/debounce'
 import React from 'react'

app/javascript/components/Form/Product/Inputs/PreviewDescriptionFormControl.js

@@ -1,3 +1,4 @@
+'use strict'
 import { FormControl, FormHelperText, Input, InputLabel } from '@material-ui/core'
 import React from 'react'
 import { useFormContext } from 'react-hook-form'

app/javascript/components/Form/Product/Inputs/PriceFormControl.js

@@ -1,3 +1,4 @@
+'use strict'
 import { FormControl, FormHelperText, Input, InputAdornment, InputLabel } from '@material-ui/core'
 import React from 'react'
 import { useFormContext } from 'react-hook-form'

app/javascript/components/Form/Product/Inputs/WeightFormControl.js

@@ -1,3 +1,4 @@
+'use strict'
 import { FormControl, FormHelperText, Input, InputAdornment, InputLabel } from '@material-ui/core'
 import React from 'react'
 import { useFormContext } from 'react-hook-form'

app/javascript/components/Form/Product/direct_upload.js

@@ -1,3 +1,4 @@
+'use strict'
 import { BlobUpload } from '@rails/activestorage/src/blob_upload'
 import { CSRF } from '../../../utils/csrf'
 

app/javascript/components/Form/Product/get_file_media.js

@@ -1,3 +1,4 @@
+'use strict'
 import { FileChecksum } from '@rails/activestorage/src/file_checksum'
 
 function calculateChecksum (file) {

app/javascript/components/Form/helper.js

@@ -1,3 +1,4 @@
+'use strict'
 export function isEmpty (obj) {
   for (const key in obj) {
     if (Object.prototype.hasOwnProperty.call(obj, key)) { return false }

app/javascript/components/Form/style.js

@@ -1,3 +1,4 @@
+'use strict'
 import { makeStyles } from '@material-ui/core'
 import { green } from '@material-ui/core/colors'
 

app/javascript/components/Header/index.js

@@ -1,3 +1,4 @@
+'use strict'
 import React from 'react'
 import { fade, makeStyles, withStyles } from '@material-ui/core/styles'
 import { AppBar, Toolbar, IconButton, Badge, LinearProgress } from '@material-ui/core'

app/javascript/components/Home/index.js

@@ -1,3 +1,4 @@
+'use strict'
 import React from 'react'
 import { useQuery } from '@apollo/react-hooks'
 import { productsMeta } from './operations.graphql'

app/javascript/components/NetworkError/index.js

@@ -1,3 +1,4 @@
+'use strict'
 import React from 'react'
 import { useQuery } from '@apollo/react-hooks'
 import { networkErrors } from '../operations.graphql'

app/javascript/components/Product/index.js

@@ -1,3 +1,4 @@
+'use strict'
 import React from 'react'
 import { useParams } from 'react-router-dom'
 import { product } from './operations.graphql'

app/javascript/components/Provider/index.js

@@ -1,3 +1,4 @@
+'use strict'
 import React from 'react'
 import { ApolloProvider } from '@apollo/react-hooks'
 import { createClient } from '../../utils/apollo'

app/javascript/components/Reviews/index.js

@@ -1,3 +1,4 @@
+'use strict'
 import React from 'react'
 import { makeStyles } from '@material-ui/core/styles'
 import List from '@material-ui/core/List'

app/javascript/components/Search/index.js

@@ -1,3 +1,4 @@
+'use strict'
 import React from 'react'
 import TextField from '@material-ui/core/TextField'
 import Autocomplete from '@material-ui/lab/Autocomplete'

app/javascript/components/ShopItem/NewItem/index.js

@@ -1,3 +1,4 @@
+'use strict'
 import React from 'react'
 import { makeStyles } from '@material-ui/core/styles'
 import Card from '@material-ui/core/Card'

app/javascript/components/ShopItem/index.js

@@ -1,3 +1,4 @@
+'use strict'
 import React from 'react'
 import { makeStyles } from '@material-ui/core/styles'
 import {

app/javascript/components/ShopList/SearchList/index.js

@@ -1,3 +1,4 @@
+'use strict'
 import React, { useEffect, useState } from 'react'
 import { Container, Grid, Typography } from '@material-ui/core'
 import ShopItem from '../../ShopItem'

app/javascript/components/ShopList/ShopListMobile/index.js

@@ -1,3 +1,4 @@
+'use strict'
 import React from 'react'
 import { Container, Grid, Typography } from '@material-ui/core'
 import ShopItem from '../../ShopItem'

app/javascript/components/ShopList/index.js

@@ -1,3 +1,4 @@
+'use strict'
 import React, { useEffect, useState } from 'react'
 import { Container, Grid, Typography } from '@material-ui/core'
 import ShopItem from '../ShopItem'

app/javascript/components/ShopList/style.js

@@ -1,3 +1,4 @@
+'use strict'
 import { makeStyles } from '@material-ui/core'
 
 export const useStyles = makeStyles(theme => ({

app/javascript/packs/index.js

@@ -1,3 +1,4 @@
+'use strict'
 import React from 'react'
 import ReactDOM from 'react-dom'
 import CssBaseline from '@material-ui/core/CssBaseline'

app/javascript/utils/apollo.js

@@ -1,3 +1,4 @@
+'use strict'
 import { ApolloClient } from 'apollo-client'
 import { InMemoryCache } from 'apollo-cache-inmemory'
 import { HttpLink } from 'apollo-link-http'
@@ -7,7 +8,7 @@ import { resolvers, typeDefs } from './type'
 import { networkErrors } from '../components/operations.graphql'
 import { CSRF } from './csrf'
 
-const cache = new InMemoryCache()
+const cache = new InMemoryCache({ freezeResults: true })
 const isLoggedIn = !!window.localStorage.getItem('refreshToken') || !!window.localStorage.getItem('token')
 
 cache.writeData({
@@ -137,7 +138,8 @@ export const createClient = () => {
       createHttpLink()
     ]),
     typeDefs,
-    resolvers
+    resolvers,
+    assumeImmutableResults: true
   })
 
   client.onResetStore(() => { cache.writeData({ data: { isLoggedIn, networkErrors: [] } }) })

app/javascript/utils/csrf.js

@@ -1 +1,2 @@
+'use strict'
 export const CSRF = () => document.querySelector('meta[name="csrf-token"]').getAttribute('content')

app/javascript/utils/type.js

@@ -1,3 +1,4 @@
+'use strict'
 import gql from 'graphql-tag'
 
 export const typeDefs = gql`