MERGE FIX...

 MERGE FIX https://dev.to/ranewallin/js-bites-react-hook-is-called-in-a-function-which-is-neither-a-react-function-or-sic-a-custom-react-hook-1g2c

.gitignore

@@ -4,6 +4,7 @@
 /node_modules
 /.pnp
 .pnp.js
+package-lock.json
 
 # testing
 /coverage

package.json

@@ -19,9 +19,10 @@
     "react-recaptcha": "^2.3.10",
     "react-responsive-carousel": "^3.1.51",
     "react-router-dom": "^5.1.2",
-    "react-scripts": "2.1.3",
+    "react-scripts": "^3.3.0",
     "react-star-ratings": "^2.3.0",
-    "styled-components": "^4.4.1"
+    "styled-components": "^4.4.1",
+    "typescript": "^3.7.5"
   },
   "devDependencies": {
     "eslint-config-prettier": "^6.10.0",

src/Components/LoginModal.js

@@ -39,7 +39,7 @@ const StyledLogin = styled(Modal)`
 
 `
 
-export default function loginModal (props){
+export default function LoginModal (props){
   const {state, dispatch} = useContext(Store)
 
     const handleLoginInfo = (login) => {

src/Pages/PublicationPermissionsPage.js

@@ -51,7 +51,7 @@ const Styledhr = styled.hr`
     color: #dadada;
 `
 
-export default function permissionsContainer (props) {
+export default function PermissionsContainer (props) {
       const {state, dispatch} = useContext(Store)
       const [unavailableCheckbox, setCheckboxAvailability] = useState(true);
       const [unavailableButton, setButtonAvailability] = useState(true);