Press n or j to go to the next uncovered block, b, p or k for the previous block.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 | 33x 33x 33x 33x 33x 60x 60x 60x | import * as React from "react" import { FeatureComponents } from "../../../motion/features/types" import { isSVGComponent } from "./is-svg-component" import { MotionComponentConfig } from "../../../motion" import { createUseRender } from "../use-render" import { HTMLRenderState } from "../../html/types" import { SVGRenderState } from "../../svg/types" import { svgMotionConfig } from "../../svg/config-motion" import { htmlMotionConfig } from "../../html/config-motion" import { CreateVisualElement } from "../../types" import { CustomMotionComponentConfig } from "../motion-proxy" export function createDomMotionConfig<Props>( Component: string | React.ComponentType<Props>, { forwardMotionProps = false }: CustomMotionComponentConfig, preloadedFeatures?: FeatureComponents, createVisualElement?: CreateVisualElement<any>, projectionNodeConstructor?: any ) { const baseConfig = isSVGComponent(Component) ? svgMotionConfig : htmlMotionConfig return { ...baseConfig, preloadedFeatures, useRender: createUseRender(forwardMotionProps), createVisualElement, projectionNodeConstructor, Component, } as | MotionComponentConfig<SVGElement, SVGRenderState> | MotionComponentConfig<HTMLElement, HTMLRenderState> } |