#49

frontend/src/pages/users/SettingPage.tsx

@@ -1,5 +1,4 @@
 import axios from 'axios'
-import toCamel from 'camelcase-keys'
 import { useEffect, useState } from 'react'
 import { Helmet } from 'react-helmet-async'
 
@@ -16,7 +15,7 @@ import { API_BASE_URL, SITE_TITLE } from '@/config'
 import type { User } from '@/types'
 
 type Props = { user:    User | null
-	       setUser: (user: User) => void }
+	       setUser: React.Dispatch<React.SetStateAction<User | null>> }
 
 
 export default ({ user, setUser }: Props) => {
@@ -33,9 +32,10 @@ export default ({ user, setUser }: Props) => {
 
     try
     {
-      const { data } = await axios.put (`${ API_BASE_URL }/users/${ user.id }`, formData, {
+      const res = await axios.put (`${ API_BASE_URL }/users/${ user.id }`, formData, {
 	  headers: { 'Content-Type':     'multipart/form-data',
 		     'X-Transfer-Code':  localStorage.getItem ('user_code') || '' } })
+      const data = res.data as User
       setUser (user => ({ ...user, ...data }))
       toast ({ title: '設定を更新しました．' })
     }
@@ -49,7 +49,7 @@ export default ({ user, setUser }: Props) => {
     if (!user)
       return
 
-    setName (user.name)
+    setName (user.name ?? '')
   }, [user])
 
   return (
@@ -108,7 +108,6 @@ export default ({ user, setUser }: Props) => {
 
 	<InheritDialogue visible={inheritVsbl}
 			 onVisibleChange={setInheritVsbl}
-			 user={user}
 			 setUser={setUser} />
       </MainArea>)
 }