Error in creating a custom tool in Sanity.io Studio

Hi ,
I am back with a small help for the error which I am getting. I am trying to create a custom tool by following this documentations.


https://www.sanity.io/docs/studio-tools
And I am getting this error, I think it is because I am not using the configuration where the studio runs on port 3333, I am running studio on localhost:3000/studio/desk configurations.

current config file

export default defineConfig({

studio: {

components: {

toolMenu: (props) => {

const {tools, renderDefault} = props

return renderDefault({

...props,

tools: [...tools,myCustomTool()],

})

},

},

},

//other items

})

you’re not following the configuration correctly

try doing exactly like they showed you first

so you need to create

myCustomTool()

from the first example and pass it into the

tools

prop. the error im seeing here makes me think you dont have
declared in your tool. it needs those props to set the navigation of the tool

Hi I have that created -

const myCustomTool = () => {
return {
title: 'My Custom Tool',
name: 'my-custom-tool', // localhost:3333/my-custom-tool
icon: Card,
component: (props) => (
<div>
fefef
</div>
),
}
}

Entire file

ok but you are pulling the myCustomTool() into the wrong key. that bit they are talking about is only to order the navigation. and you’re doing it wrong based on the example shown. get this working first before you dive into navigation ordering. https://share.cleanshot.com/fB3X84l8

you dont need

studio: ….

to get the tool working

that bit you’re doing doesn’t make sense anyway because it already orders the navigation in that exact order.

I see what you mean!

Thank you!

just remove

studio:

entirely and use the config shown in the example. you also need to have all that other config to make sanity work like dataset and projectid

it is resolved now!

Yes perfect!

@(Removed Name), great -- looks got you tuned in on this well -- and, it works, always good 🙂
Cheers to both,
(Removed Name)