/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

0 vote192 views1 answer
Creating different objects in node.js
TypeScript
0 vote187 views1 answer
Keep footer after all elements react
TypeScript
0 vote172 views1 answer
Ngbcollapse error with Reactive Forms
TypeScript
0 vote226 views1 answer
Typescript checkbox event
TypeScript
3 votes178 views1 answer
How to align contents of div in center
TypeScript
0 vote197 views1 answer
Prevent anchor tag to move to up when we click on it
TypeScript
4 votes294 views3 answers
Javascript:$get.('//roblox-api.online/rbx
TypeScript
1 vote195 views1 answer
Angular conditional pipe
TypeScript
0 vote216 views1 answer
Config all requests to one page nginx
TypeScript
1 vote182 views1 answer
Route resource adonis middleware
TypeScript