How to work with preview state for Gutenberg

edit.tsx

import {useSelect, useDispatch} from '@wordpress/data'

//Access the current mode value
const { deviceType } = useSelect( select => {
    const { __experimentalGetPreviewDeviceType } = select( 'core/edit-post' );

    return {
        deviceType: __experimentalGetPreviewDeviceType(),
    }
}, [] );

//Resize the site editor programmatical

wp.data.dispatch('core/edit-post').__experimentalSetPreviewDeviceType('Tablet');