Error creating custom components

[HarkiratShopism1]

I have installed payload to my existing project using "npm install --save --legacy-peer-deps payload" command.
I am facing issues when I am trying to add custom components to the admin panel. I created a folder named components within that created a .tsx file containing the react code of the custom component when I try to import it to the payload.config.ts it is not getting imported.
I also tried to add a component to the config directly just like a following example but it wont run.
export default buildConfig({
admin: {
components: {
Nav: () => { return (

Example

) };
}
}
});