# tableberg/1.1.5/admin/src/components/Router.jsx

Tableberg – Simple Gutenberg Table Block, version 1.1.5. 49 lines.

- Page: https://pluginprobe.com/plugins/tableberg/1.1.5/code/admin/src/components/Router.jsx
- Raw: https://pluginprobe.com/plugins/tableberg/1.1.5/raw/admin/src/components/Router.jsx
- Modified: 2026-09-16T03:30:32+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/tableberg/1.1.5/code/admin/src/components/Router.jsx#L10-L20`.

```jsx
import React, { useEffect, useState } from "react";
import Route from "../inc/Route";

/**
 * Router for different menu content.
 *
 * Router children components should be Route components. Else those who are not will be ignored.
 *
 * If no route matches, the last route will be shown. It can be used as 404 page.
 *
 * @param {Object}       props                  component properties
 * @param {Array<Route>} props.routes           routes array
 * @param {string}       props.currentRoutePath current route path
 */
function Router({ routes, currentRoutePath }) {
    const [CurrentRouteContent, setCurrentRouteContent] = useState(null);

    /**
     * useEffect hook.
     */
    useEffect(() => {
        const currentRoute = routes.find(route => {
            return route.getPath() === currentRoutePath;
        });

        if (currentRoute) {
            setCurrentRouteContent(currentRoute.getElement());
        } else {
            const lastRoute = routes[routes.length - 1];
            setCurrentRouteContent(lastRoute.getElement());
        }
    }, [currentRoutePath, routes]);

    return (
        <div
            className={"tableberg-router-content-wrapper"}
            data-route-path={currentRoutePath}
            key={currentRoutePath}
        >
            {CurrentRouteContent}
        </div>
    );
}

/**
 * @module Router
 */
export default Router;

```