Custom Relationship Component for Collection

[ainsleyclark]

Hey,

I'm trying to work out how I can create a custom component for when a collection is displayed as a relationship.

I have a weather collection:

export const Weather: CollectionConfig = {
	slug: 'weather',
	admin: {
		components: {
			views: {
				edit: {
					relationships: {
						Component: '/collections/Weather/components/Test#default'
					}
				},
			}
		}
	},
	// fields etc
}

And another field references it like so:

 {
	name: 'weather',
	label: 'Weather',
	type: 'relationship',
	relationTo: 'weather',
	hasMany: true,
}

Contents of component:

import React from 'react';

const WeatherComponent: React.FC = () => {
	return (
		<div>
			<h1>Custom Relationships View</h1>
		</div>
	);
};

export default WeatherComponent;

I can see it being generated in the importMap.js

  "/collections/Weather/components/Test#default": default_32

But it displays the default relationship component:

Any ideas? Not sure if I'm doing something wrong here.