/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

1 vote107 views1 answer
Microsoft.portable.csharp.targets was not found vs 2019
TypeScript
0 vote95 views1 answer
Which of the foolowing ia an element of pallette that holds multiple elements of nspecific purpose
TypeScript
0 vote95 views1 answer
Develop an algorithm that prints 2 numbers so that one is a multiple of the other
TypeScript
0 vote141 views1 answer
Mixins with parameters typescript
TypeScript
1 vote91 views1 answer
Count items in list applescript
TypeScript
0 vote107 views1 answer
Spread types may only be created from object types firebase
TypeScript
16 votes99 views6 answers
React useEffect
TypeScript
0 vote98 views1 answer
How to check string array is sorted or not in typescript
TypeScript
1 vote101 views2 answers
Verify if object is of a certain type type in typescript
TypeScript
1 vote116 views1 answer
Add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message
TypeScript