🔨
Sanity Insufficient permissions Error
🔨

Sanity Insufficient permissions Error

問題

Unhandled Runtime Error
ClientError: Mutation(s) failed with 1 error(s)
notion image
error: 
description: 
"Insufficient permissions; permission \"create\" required"
permission: 
"create"
type: 
"insufficientPermissionsError"
 

参考にした資料

 

解決方法

上記のエラーは権限がなくて出るエラーでcreateができないというエラーです。
まず、apitokenが編集可能な権限であることを確認します。
api権限に問題がなければ下記のようにconsole.logを打ってみます。
 

原因

tokenがundefinedで出るのが理由でした。
console.log(process.env.SANITY_WRITE_KEY) //undefined
 

迷った部分

NextJSでブラウザで環境変数を使用する際に、前にNEXT_PUBLIC_を付ける必要があることを忘れたために発生した問題です。
🔨
Next.jsでprocess.envがundefinedで出る場合
 
Basic Features: Environment Variables | Next.js
Learn to add and access environment variables in your Next.js application.
Basic Features: Environment Variables | Next.js
https://nextjs.org/docs/basic-features/environment-variables
Basic Features: Environment Variables | Next.js
 
作成した環境変数SANITY_WRITE_KEYをすべてNEXT_PUBLIC_SANITY_WRITE_KEYに修正して、もう一度console.logを打ってみましょう。
console.log(process.env.NEXT_PUBLIC_SANITY_WRITE_KEY)
 
トークンは正常に出力されます。