Resource Registration (App.tsx)

In the example app, resources are registered with Resource and wired to list/create/edit/show components.

src/App.tsx

import { Admin } from "@/components/admin";
import { dataProvider } from "./dataProvider";
import { authProvider } from "./authProvider";
import { i18nProvider } from "./i18nProvider";
import { LoginPage } from 'ra-keycloak';
import { Resource } from "ra-core";
import { customers } from "./customers";
import { orders } from "./orders";
import { products } from "./products";

function App() {
  return (
    <Admin
      dataProvider={dataProvider}
      authProvider={authProvider}
      i18nProvider={i18nProvider}
      loginPage={LoginPage}
    >
      <Resource {...customers} />
      <Resource {...orders} />
      <Resource {...products} />
    </Admin>
  );
}

export default App;

customers is exported from src/customers/index.tsx:

src/customers/index.tsx

import { ResourceProps } from "ra-core";
import { Table } from "lucide-react";
import { CustomersList } from "./CustomersList";
import CustomersShow from "./CustomersShow";
import CustomersCreate from "./CustomersCreate";
import CustomersEdit from "./CustomersEdit";

export const customers: ResourceProps = {
  name: "customers",
  list: CustomersList,
  create: CustomersCreate,
  edit: CustomersEdit,
  show: CustomersShow,
  recordRepresentation: "name",
  icon: Table,
};

export default customers;