/TypeScript/React router dom private route typescript

React router dom private route typescript

import * as React from "react";
import { Route } from "react-router-dom";

interface IProps {
    exact?: boolean;
    path: string;
    component: React.ComponentType<any>;
}

const LoggedOutRoute = ({
    component: Component,
    ...otherProps
}: IProps) => (
    <>
        <header>Logged Out Header</header>
        <Route
            render={otherProps => (
                <>
                    <Component {...otherProps} />
                </>
            )}
        />
        <footer>Logged Out Footer</footer>
    </>
);

export default LoggedOutRoute;

Source: stackoverflow.com

Similar codes

3 votes209 views1 answer
Whats the binary nmber system
TypeScript
6 votes202 views3 answers
Angular show element in component
TypeScript
3 votes240 views1 answer
Intersection between two sets python
TypeScript
1 vote263 views1 answer
==> restfulapi: Booting VM... There was an error while executing `VBoxManage`, a CLI used by Vagrant for controlling VirtualBox. The command and stderr is shown below.
TypeScript
1 vote219 views1 answer
Challenges in agile
TypeScript
0 vote224 views1 answer
What are the common mistakes in software development
TypeScript
0 vote279 views1 answer
Get angular width
TypeScript
1 vote202 views1 answer
Vscode custom snippets multiple transform
TypeScript
0 vote202 views1 answer
DISTINQUISH BETWEEN THE AVERAGE CASE AND WORSE CASE RUNNING TIME AND THE FACTORS AFFECTING THAT AFFECTS THE RUNNING TIME OF AN ALGORITHM
TypeScript
0 vote216 views1 answer
Create an object bottle that has a property that is an object: cap. cap can have properties like material: 'metal' or 'plastic', color: blue or white etc. Log one of the properties of that inner object.
TypeScript